<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"><link rel="preconnect" href="https://imagedelivery.net" crossorigin><link rel="preconnect" href="https://ot.www.cloudflare.com" crossorigin><link rel="preload" href="/icons.svg" as="image" type="image/svg+xml"><link rel="preload" href="/fonts/Kunst%20Grotesk%20Regular.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/fonts/Kunst%20Grotesk%20Medium.woff2" as="font" type="font/woff2" crossorigin><link rel="icon" type="image/x-icon" href="/favicon.ico"><link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"><script>
      (function () {
        var d = document.documentElement;
        d.classList.add('js');
        try {
          var p = new URLSearchParams(window.location.search);
          var t = p.get('theme');
          window.__themeOverride = t;
          if (t === 'dark') d.classList.add('dark');
          else if (t === 'light') d.classList.remove('dark');
          else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)
            d.classList.add('dark');
          else d.classList.remove('dark');
        } catch (e) {}
        try {
          var K = 'cf-font-override',
            q = new URLSearchParams(window.location.search).get('cfFont');
          if (q === 'stk') {
            localStorage.setItem(K, 'stk');
            d.classList.add('font-stk-bureau-sans');
          } else if (q === 'kunst') {
            localStorage.setItem(K, 'kunst');
            d.classList.remove('font-stk-bureau-sans');
          } else {
            var s = localStorage.getItem(K);
            if (s === 'stk') d.classList.add('font-stk-bureau-sans');
            else if (s === 'kunst') d.classList.remove('font-stk-bureau-sans');
          }
        } catch (e) {}
      })();
    </script><title>Pricing</title><meta name="title" content="Pricing"><meta name="description" content="Transparent pricing for Cloudflare compute, storage, AI, and more — pay for what you use."><meta name="priority" content="90"><meta name="generator" content="Astro v6.3.7"><link rel="canonical" href="https://www.cloudflare.com/plans/"><link rel="alternate" hreflang="x-default" href="https://www.cloudflare.com/plans/"><link rel="alternate" hreflang="es-es" href="https://www.cloudflare.com/es-es/plans/"><link rel="alternate" hreflang="fr-fr" href="https://www.cloudflare.com/fr-fr/plans/"><link rel="alternate" hreflang="de-de" href="https://www.cloudflare.com/de-de/plans/"><link rel="alternate" hreflang="it-it" href="https://www.cloudflare.com/it-it/plans/"><link rel="alternate" hreflang="pt-br" href="https://www.cloudflare.com/pt-br/plans/"><link rel="alternate" hreflang="zh-cn" href="https://www.cloudflare.com/zh-cn/plans/"><link rel="alternate" hreflang="ja-jp" href="https://www.cloudflare.com/ja-jp/plans/"><link rel="alternate" hreflang="ko-kr" href="https://www.cloudflare.com/ko-kr/plans/"><link rel="alternate" hreflang="zh-tw" href="https://www.cloudflare.com/zh-tw/plans/"><meta property="og:type" content="website"><meta property="og:url" content="https://www.cloudflare.com/plans/"><meta property="og:title" content="Pricing"><meta property="og:description" content="Transparent pricing for Cloudflare compute, storage, AI, and more — pay for what you use."><meta property="og:image" content="https://www.cloudflare.com/preview.png"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:url" content="https://www.cloudflare.com/plans/"><meta name="twitter:title" content="Pricing"><meta name="twitter:description" content="Transparent pricing for Cloudflare compute, storage, AI, and more — pay for what you use."><meta name="twitter:image" content="https://www.cloudflare.com/preview.png"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Cloudflare","url":"https://www.cloudflare.com","logo":"https://www.cloudflare.com/logo.svg","sameAs":["https://github.com/cloudflare","https://www.linkedin.com/company/cloudflare","https://x.com/cloudflare"]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Cloudflare","url":"https://www.cloudflare.com","inLanguage":"en","potentialAction":{"@type":"SearchAction","target":"https://www.cloudflare.com/search?q={search_term_string}","query-input":"required name=search_term_string"}}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"Pricing","description":"Transparent pricing for Cloudflare compute, storage, AI, and more — pay for what you use.","url":"https://www.cloudflare.com/plans/","inLanguage":"en"}</script><link rel="llms-txt" href="/llms.txt"><link rel="alternate" type="text/markdown" href="/plans/.md"><script id="webmcp" type="application/json">{"tools":[{"name":"read_llms_txt","description":"Read concise site context for assistants","parameters":[]},{"name":"read_markdown_page","description":"Read markdown version of a Cloudflare page","parameters":[{"name":"path","type":"string","required":true}]}]}</script><script async type="text/javascript" src="https://ot.www.cloudflare.com/ot/scripttemplates/otSDKStub.js" data-domain-script="b1e05d49-f072-4bae-9116-bdb78af15448" data-document-language="true" charset="UTF-8"></script><script type="text/javascript">(function(){const zarazScriptSrc = "/static/z/i.js";
const gtmContainerSrc = "https://www.googletagmanager.com/gtm.js?id=GTM-NDGPDFZ";

      // ── dataLayer + Zaraz bridge ────────────────────────────────────
      window.dataLayer = window.dataLayer || [];
      window.GTM = {
        trackInZaraz: function (event) {
          if (!window.zaraz || typeof event !== 'object' || event === null) return;
          for (var k in event) {
            if (Object.prototype.hasOwnProperty.call(event, k) && k.indexOf('gtm.') !== 0) {
              window.zaraz.set(k, event[k], { scope: 'page' });
            }
          }
          if (typeof event.event !== 'string' || event.event.indexOf('gtm.') === 0) return;
          var idx = window.dataLayer.indexOf(event);
          var data = {};
          for (var i = 0; i <= idx; i++) {
            var obj = window.dataLayer[i];
            if (!obj || typeof obj !== 'object') continue;
            if (typeof obj.event === 'string' && obj.event.indexOf('gtm.') === 0) continue;
            for (var key in obj) {
              if (Object.prototype.hasOwnProperty.call(obj, key)) data[key] = obj[key];
            }
          }
          delete data.event;
          window.zaraz.track(event.event, data);
        },
        push: function () {
          window.dataLayer.push.apply(window.dataLayer, arguments);
        },
      };

      var __cfDlPreBridgeLength = window.dataLayer.length;
      var __cfDlPush = window.dataLayer.push;
      Object.defineProperty(window.dataLayer, 'push', {
        configurable: true,
        enumerable: false,
        writable: true,
        value: function () {
          var result = __cfDlPush.apply(this, arguments);
          window.GTM.trackInZaraz(arguments[0]);
          return result;
        },
      });

      // ── OneTrust → Zaraz consent ────────────────────────────────────
      var __zarazConsentMap = {
        C0002: 'Tuku', // Performance / Analytics
        C0003: 'nBKC', // Functional
        C0004: 'aMDT', // Targeting / Advertising
      };

      // C0003 intentionally omitted — Google Consent Mode v2 has no functional signal.
      var __googleConsentMap = {
        C0001: ['security_storage'],
        C0002: ['analytics_storage'],
        C0004: [
          'ad_storage',
          'ad_user_data',
          'ad_personalization',
          'functionality_storage',
          'personalization_storage',
        ],
      };

      function __parseOneTrustGroups() {
        var match = document.cookie.match(/OptanonConsent=[^;]*/);
        if (!match) return null;
        var groups = {};
        var gMatch = match[0].match(/groups=([^&]*)/);
        if (!gMatch) return null;
        decodeURIComponent(gMatch[1])
          .split(',')
          .forEach(function (pair) {
            var parts = pair.split(':');
            if (parts.length === 2) groups[parts[0]] = parts[1] === '1';
          });
        return groups;
      }

      function __syncOneTrustToZaraz() {
        if (!window.zaraz || !window.zaraz.consent) return;
        var groups = __parseOneTrustGroups();
        if (!groups) return;

        var current = window.zaraz.consent.getAll();
        var activeKeys = Object.keys(current);
        var mapped = {};
        var changed = false;

        Object.keys(__zarazConsentMap).forEach(function (otKey) {
          var zKey = __zarazConsentMap[otKey];
          if (activeKeys.indexOf(zKey) === -1) return;
          mapped[zKey] = !!groups[otKey];
          if (mapped[zKey] !== current[zKey]) changed = true;
        });

        if (!changed) return;
        window.zaraz.consent.set(mapped);
        window.zaraz.consent.sendQueuedEvents();
      }

      function __syncGoogleConsent(eventName) {
        if (!window.zaraz || !window.zaraz.set) return;
        var consent = {
          ad_storage: 'denied',
          ad_user_data: 'denied',
          ad_personalization: 'denied',
          analytics_storage: 'denied',
          security_storage: 'denied',
          functionality_storage: 'denied',
          personalization_storage: 'denied',
        };

        if (eventName === 'google_consent_default') {
          window.zaraz.set(eventName, consent);
          return;
        }

        var groups = __parseOneTrustGroups();
        if (!groups) {
          window.zaraz.set(eventName, consent);
          return;
        }

        Object.keys(__googleConsentMap).forEach(function (otKey) {
          if (groups[otKey]) {
            __googleConsentMap[otKey].forEach(function (signal) {
              consent[signal] = 'granted';
            });
          }
        });
        window.zaraz.set(eventName, consent);
      }

      // ── UTM persistence (gated on C0002) ────────────────────────────
      var __cfUtmKeys = [
        'utm_campaign',
        'utm_source',
        'utm_medium',
        'utm_content',
        'utm_term',
        'adgroupid',
        'creativeid',
        'campaignid',
      ];
      function __cfSetUtmCookiesIfAllowed() {
        var groups = __parseOneTrustGroups();
        if (!groups || !groups.C0002) return;

        var params = new URLSearchParams(window.location.search);
        var hostname = window.location.hostname;
        var domain = '';
        if (hostname === 'www.cloudflare.com' || hostname.endsWith('.mrk.cfdata.org')) {
          domain = '.' + hostname;
        }

        var maxAge = 30 * 24 * 60 * 60; // 30 days
        var isHttps = window.location.protocol === 'https:';
        for (var i = 0; i < __cfUtmKeys.length; i++) {
          var key = __cfUtmKeys[i];
          var value = params.get(key);
          if (!value) continue;
          var parts = [
            encodeURIComponent(key) + '=' + encodeURIComponent(value),
            'max-age=' + maxAge,
            'path=/',
            'SameSite=Lax',
          ];
          if (domain) parts.push('domain=' + domain);
          // Secure rejected on http origins (localhost dev).
          if (isHttps) parts.push('Secure');
          document.cookie = parts.join('; ');
        }
      }

      // ── GTM container (gated on C0004) ──────────────────────────────
      function __cfLoadGtmContainerIfAllowed() {
        var groups = __parseOneTrustGroups();
        if (!groups || !groups.C0004) return;
        if (document.querySelector('script[data-cf-gtm-loader]')) return;

        var s = document.createElement('script');
        s.src = gtmContainerSrc;
        s.async = true;
        s.setAttribute('data-cf-gtm-loader', '1');
        document.head.appendChild(s);
      }

      // ── page_load (one-shot, gated on Zaraz + OneTrust ready) ───────
      var __cfPageLoadFired = false;
      var __cfFallbackElapsed = false;
      function __cfPushPageLoadOnce() {
        if (__cfPageLoadFired) return;
        if (!window.zaraz) return;
        if (!__parseOneTrustGroups() && !__cfFallbackElapsed) return;
        __cfPageLoadFired = true;

        for (var i = 0; i < __cfDlPreBridgeLength; i++) {
          window.GTM.trackInZaraz(window.dataLayer[i]);
        }

        var gaMatch = document.cookie.match(/(?:^|;\s*)_ga=([^;]+)/);
        var gaClientId = gaMatch ? gaMatch[1] : undefined;
        window.GTM.push({ 'gtm.start': Date.now(), event: 'gtm.js' });
        window.GTM.push({
          event: 'page_load',
          hostname: window.location.hostname,
          query: window.location.search,
          page_location: window.location.href,
          page_url: window.location.href,
          page_timestamp: Date.now(),
          page_path: window.location.pathname + window.location.search,
          page_referrer: document.referrer,
          page_title: document.title,
          language: window.navigator.language,
          user_properties: {
            ga_client_id: gaClientId,
            ga_client_id_s: gaClientId ? 's' + gaClientId : undefined,
          },
        });
      }

      // Fallback in case OneTrust never loads.
      window.setTimeout(function () {
        __cfFallbackElapsed = true;
        __cfPushPageLoadOnce();
      }, 3000);

      // OptanonWrapper must be a window property — define:vars wraps this
      // script in an IIFE, so a bare `function OptanonWrapper()` is invisible
      // to the OneTrust SDK.
      window.OptanonWrapper = function OptanonWrapper() {
        __syncOneTrustToZaraz();
        __syncGoogleConsent('google_consent_update');
        __cfSetUtmCookiesIfAllowed();
        __cfLoadGtmContainerIfAllowed();
        __cfPushPageLoadOnce();

        if (!window.__cfConsentEventAttached) {
          window.__cfConsentEventAttached = true;
          // HEAD request only — sync above already covers Zaraz/Google.
          window.addEventListener('consent.onetrust', function () {
            setTimeout(function () {
              fetch(window.location.pathname, { method: 'HEAD' }).catch(function () {});
            }, 500);
          });
        }
      };

      document.addEventListener('zarazConsentAPIReady', function () {
        __syncGoogleConsent('google_consent_default');
        __syncOneTrustToZaraz();
        __cfPushPageLoadOnce();
      });

      // Load Zaraz at idle.
      (function () {
        var src = zarazScriptSrc;
        if (!src) return;
        function loadZaraz() {
          if (document.querySelector('script[data-cf-zaraz-loader]')) return;
          var s = document.createElement('script');
          s.src = src;
          s.referrerPolicy = 'origin';
          s.async = true;
          s.setAttribute('data-cf-zaraz-loader', '1');
          document.head.appendChild(s);
        }
        if (typeof window.requestIdleCallback === 'function') {
          window.requestIdleCallback(loadZaraz, { timeout: 3000 });
        } else {
          window.setTimeout(loadZaraz, 1500);
        }
      })();
    })();</script><script>
      (function () {
        // — __name polyfill (esbuild keepNames compatibility) —
        var g =
          typeof globalThis !== 'undefined'
            ? globalThis
            : typeof window !== 'undefined'
              ? window
              : typeof self !== 'undefined'
                ? self
                : this;
        if (typeof g.__name !== 'function') {
          g.__name = function (_n, v) {
            return v;
          };
        }

        // — System theme change listener —
        try {
          var mq = window.matchMedia('(prefers-color-scheme: dark)');
          var onThemeChange = function (e) {
            if (window.__themeOverride && window.__themeOverride !== 'system') return;
            if (e.matches) document.documentElement.classList.add('dark');
            else document.documentElement.classList.remove('dark');
          };
          if (mq.addEventListener) mq.addEventListener('change', onThemeChange);
          else mq.addListener(onThemeChange);
        } catch (e) {}
      })();
    </script><script type="module" src="/_astro/_layout.astro_astro_type_script_index_0_lang.BvvZaF4t.js"></script><link rel="stylesheet" href="/_astro/_separator.CebWpDAU.css">
<style>search-modal-snippet[data-astro-cid-457tmonj]{--search-snippet-primary-color: var(--color-accent-100);--search-snippet-primary-hover: var(--color-accent-200);--search-snippet-background: var(--color-background-100);--search-snippet-surface: var(--color-background-200);--search-snippet-hover-background: var(--color-background-300);--search-snippet-text-color: var(--color-foreground-100);--search-snippet-text-secondary: var(--color-text-secondary);--search-snippet-text-description: var(--color-foreground-200);--search-snippet-border-color: var(--color-border-100);--search-snippet-focus-ring: color-mix(in oklab, var(--color-accent-100) 25%, transparent);--search-snippet-warning-color: var(--color-foreground-100);--search-snippet-warning-background: var(--color-background-300);--search-snippet-shadow-lg: 0 8px 24px rgb(0 0 0 / .12);--search-snippet-font-family: var(--font-sans)}
</style>
<link rel="stylesheet" href="/_astro/index.C76c8xrn.css">
<style>.use-cases-header[data-astro-cid-7amrcyfe]{grid-row:1 / 2}@media(min-width:768px){.use-cases-header[data-astro-cid-7amrcyfe]{grid-row:1 / var(--totalRows)}.flip-layout-item[data-astro-cid-7amrcyfe]{grid-column:auto;grid-row:var(--grid-row)}.flip-layout-cta[data-astro-cid-7amrcyfe]{grid-column:1;grid-row:var(--cta-row)}}.programs-header[data-astro-cid-b5bhyuqa]{grid-row:1 / 2}@media(min-width:768px){.programs-header[data-astro-cid-b5bhyuqa]{grid-row:1 / var(--totalRows)}}
@property --customer-browser-beam-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes customer-browser-beam-sweep{to{--customer-browser-beam-angle: 360deg}}.customer-browser-beam[data-active]:after,.customer-browser-beam[data-fading]:after,.customer-browser-beam[data-active]:before,.customer-browser-beam[data-fading]:before{filter:brightness(0) saturate(100%) invert(49%) sepia(89%) saturate(3200%) hue-rotate(346deg) brightness(118%) contrast(105%)}.customer-browser-beam[data-active]:after,.customer-browser-beam[data-fading]:after{padding:3px;animation:customer-browser-beam-sweep var(--customer-browser-beam-duration, 4.5s) linear infinite;-webkit-mask:conic-gradient(from var(--customer-browser-beam-angle),transparent 0%,transparent 16%,rgba(255,255,255,.14) 24%,rgba(255,255,255,.45) 32%,white 42%,white 70%,rgba(255,255,255,.45) 80%,rgba(255,255,255,.14) 90%,transparent 98%,transparent 100%),linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:conic-gradient(from var(--customer-browser-beam-angle),transparent 0%,transparent 16%,rgba(255,255,255,.14) 24%,rgba(255,255,255,.45) 32%,white 42%,white 70%,rgba(255,255,255,.45) 80%,rgba(255,255,255,.14) 90%,transparent 98%,transparent 100%),linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-in,xor;mask-composite:intersect,exclude}.customer-browser-beam[data-active]:before,.customer-browser-beam[data-fading]:before{box-shadow:inset 0 0 14px 2px color-mix(in srgb,var(--color-accent-100) 28%,transparent)}.customer-browser-beam[data-active] [data-beam-bloom],.customer-browser-beam[data-fading] [data-beam-bloom]{padding:3px;filter:blur(20px) brightness(0) saturate(100%) invert(49%) sepia(89%) saturate(3200%) hue-rotate(346deg) brightness(118%) contrast(105%)}.browser-testimony-quote{font-size:var(--type-h4-size);line-height:var(--type-h4-leading);letter-spacing:var(--type-h4-tracking)}@media(min-width:48rem){.browser-testimony-quote{font-size:var(--type-h4-size-md)}.browser-testimony-quote.browser-testimony-quote--compact-desktop{font-size:calc(var(--type-h4-size-md) * .92);line-height:calc(var(--type-h4-leading) * .96);letter-spacing:var(--type-h4-tracking)}}@media(width<40rem){.browser-testimony-quote{font-size:var(--type-h5-size);line-height:var(--type-h5-leading);letter-spacing:var(--type-h5-tracking)}}
</style>
<link rel="stylesheet" href="/_astro/index.CN3UJUeJ.css">
		<script>
			window.redwood={"consentGroups":{"C0001":true,"C0002":true,"C0003":true,"C0004":true},"country":"AU","colo":"SYD","user":null,"rv1":"bhq","locale":"en-US"}
			window.redwood.syncOneTrustToZarazConsents = function() {
				if(!window.zaraz?.consent) {
					return;
				}
				const zarazConsentMap = {
					C0002: 'Tuku',
					C0003: 'nBKC',
					C0004: 'aMDT',
				}
				const groups = window.redwood.consentGroups;
				const currentZarazGroups = window.zaraz.consent.getAll();
				const zarazActiveConsents = Object.keys(currentZarazGroups);
				let shouldUpdate = false;
				const mappedGroups = Object.entries(zarazConsentMap).filter(([key, value]) => zarazActiveConsents.includes(value)).reduce((acc, [key, value]) => {
					acc[value] = groups[key];
					if (!shouldUpdate && acc[value] !== currentZarazGroups[value]) {
						shouldUpdate = true;
					}
					return acc;
				}, {});
				if(!shouldUpdate) {
					return;
				}
				window.zaraz.consent.set(mappedGroups);
				window.zaraz.consent.sendQueuedEvents();
			};
		</script>
    <script type="text/javascript">
      var OneTrust={"geolocationResponse":{"stateCode":"NSW","countryCode":"AU"}}
    </script>
    <script>
     const acceptedLocales = [
      'en-au',
      'en-ca',
      'en-gb',
      'en-in',
      'en-us',
      'de-de',
      'es-es',
      'es-la',
      'fr-fr',
      'it-it',
      'ja-jp',
      'ko-kr',
			'pl-pl',
      'pt-br',
      'ru-ru',
      'zh-tw',
      'zh-cn',
      'zh-hans-cn',
    ];
    const orphanLocales = [
      'sv-se',
      'nl-nl',
      'vi-vn',
      'th-th',
      'id-id',
      'tr-tr',
			'ar-ar',
			'he-il',
    ];
    const ignoreList = [
      'apps',
      'docs',
      'rate-limit-test',
      'rss',
    ]
    function getPathFromLocale(locale, code, pathString) {
      if ( locale === code || !acceptedLocales.includes(code) || acceptedLocales.includes(locale) || orphanLocales.includes(locale) ) {
        return null;
      } else {
        return [code, locale ? locale : '', pathString].filter(part => part !== '').join('/');
      }
    };
    if(window.location.host !== 'staging.cloudflare-cn.com' && window.location.host !== 'cloudflare-cn.com' && window.location.host !== 'www.cloudflare-cn.com') {
      if (localStorage.getItem('langPreference')) {
      	// temp disabled for dev platform launch
        // if (localStorage.getItem('langPreference').toLowerCase() != 'en-us') {
        //     const langPreference = localStorage.getItem('langPreference').toLowerCase();
        //     const splitPath = window.location.pathname.split('/').filter(part => part !== '');
        //     const currentLang = splitPath[0];
        //     if (!acceptedLocales.includes(currentLang) && !orphanLocales.includes(currentLang) && !ignoreList.includes(splitPath[0])) {
        //       splitPath.splice(0, 0, langPreference.toLowerCase());
        //       const newUrl = 'https://' + window.location.hostname + '/' + splitPath.join('/') + '/' + window.location.search;
        //       window.location.replace(newUrl);
        //     }
        //   }
      } else if (!window.navigator.userAgent.toLowerCase().includes('googlebot')) {
     			// temp disabled for dev platform launch
          // const requestedLang = window.navigator.language;
          // const splitPath = window.location.pathname.split('/').filter(part => part !== '');
          // const maybeLocale = splitPath.shift();
          // const splitPathString = splitPath.join('/');

          // if (requestedLang && requestedLang.toLowerCase() != "en-us") {
          //   const requestedLangCode = requestedLang
          //     .toLowerCase()
          //     .replace('_', '-')
          //     .replace('hans-',''); // for zh-hans-cn, switch to zh-cn
          //   const redirectPath = getPathFromLocale(maybeLocale, requestedLangCode, splitPathString);
          //   if (redirectPath && !ignoreList.includes(maybeLocale)) {
          //     window.location.replace('https://' + window.location.hostname + '/' + redirectPath + '/' + window.location.search);
          //   }
          // }
      }
    }
    </script></head> <body class="relative min-h-svh w-full">  <div id="background-lines" class="animate-in fade-in pointer-events-none absolute inset-0 -z-10 hidden overflow-hidden transition-opacity delay-100 duration-2000 ease-out md:block" aria-hidden="true">  <div class="bg-background-100 absolute top-0 left-1/2 z-10 h-full w-[1200px] -translate-x-1/2">  <div class="absolute top-0 left-0 h-full w-px" style="background-image:linear-gradient(to bottom, var(--color-border-100) 50%, transparent 50%);background-size:1px 32px;background-repeat:repeat-y"></div>  <div class="absolute top-0 right-0 h-full w-px" style="background-image:linear-gradient(to bottom, var(--color-border-100) 50%, transparent 50%);background-size:1px 32px;background-repeat:repeat-y"></div> </div>  <div class="absolute top-0 left-1/2 h-full w-[1480px] -translate-x-1/2"> <svg class="pointer-events-none absolute top-0 left-0 z-0 h-full w-full" data-testid="rf__background" aria-hidden="true" style="stroke-dasharray:none;stroke-dashoffset:0"><pattern id="pattern-hxlvne" x="0" y="0" width="12" height="12" patternUnits="userSpaceOnUse"><circle cx="6" cy="6" r="0.75" fill="var(--color-decor-dots-100)" style="stroke-dasharray:none;stroke-dashoffset:0"></circle></pattern><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-hxlvne)" style="stroke-dasharray:none;stroke-dashoffset:0"></rect></svg>  <div class="absolute top-0 left-0 h-full w-px" style="background-image:linear-gradient(to bottom, var(--color-border-100) 50%, transparent 50%);background-size:1px 32px;background-repeat:repeat-y"></div>  <div class="absolute top-0 right-0 h-full w-px" style="background-image:linear-gradient(to bottom, var(--color-border-100) 50%, transparent 50%);background-size:1px 32px;background-repeat:repeat-y"></div> </div> </div> <div data-site-navigation-shell> <header class="pointer-events-none absolute top-0 right-0 left-0 z-50 mx-auto w-full transition-colors duration-200 ease-out hover:z-50 md:fixed md:border-b-0 bg-background-100 border-b md:bg-background-100 2xl:bg-transparent" data-variant="secondary" data-navigation-variant="secondary" data-site-navigation-header> <div aria-hidden class="pointer-events-none fixed inset-x-0 top-0 z-40 md:hidden" data-ios-status-bar-backdrop></div> <div class="relative z-10 mx-auto flex h-[54px] w-full max-w-full items-center justify-between rounded-t-2xl px-2 md:grid md:h-[72px] md:max-w-[1480px] md:grid-cols-[auto_minmax(0,1fr)_auto] md:grid-rows-1 md:items-center md:gap-3 md:pr-3 md:pl-5 md:text-[14px] lg:grid-cols-[minmax(0,1fr)_auto_minmax(0,1fr)] xl:text-[16px] 2xl:pr-1"> <div class="ml-1 flex items-center md:ml-0 md:justify-self-start"> <a id="nav-logo-button" class="pointer-events-auto -ml-4 flex cursor-pointer items-center rounded-md border-none bg-transparent p-4 transition-all duration-200 ease-out hover:opacity-80 md:justify-self-start" href="/" aria-label="Cloudflare logo" data-locale-prefix> <svg xmlns="http://www.w3.org/2000/svg" width="66" height="30" viewBox="0 0 341 156" fill="none" class="text-accent-100 h-[26px] w-[57px] shrink-0 transition-colors duration-200 ease-out" id="nav-logo-icon"><g class="cf-logo-base transition-opacity duration-200 ease-out"><path d="M275.125 68.25C311.507 68.25 341 97.9335 341 134.55C341 141.077 340.063 147.385 338.317 153.343C337.848 154.943 336.363 156 334.706 156H243.056C241.697 156 240.76 154.628 241.247 153.351L242.999 148.76C248.595 134.03 264.56 121.963 279.331 121.256L307.33 119.813C308.826 119.736 310 118.492 310 116.985C310 115.485 308.838 114.245 307.351 114.157L281.059 112.601C266.924 111.877 260.018 99.2932 263.82 86.179L268.195 71.0866C268.64 69.5514 269.971 68.4343 271.557 68.3476C272.738 68.2831 273.928 68.25 275.125 68.25Z" fill="#FF9910"></path><path d="M184.062 0C222 0 253.868 26.1297 262.882 61.4824C263.26 62.967 263.142 64.5333 262.601 65.9662L255.383 85.0897C249.787 99.8196 235.406 112.593 219.134 112.593L93.7928 114.043C92.2801 114.061 91.063 115.3 91.0625 116.823C91.0625 118.344 92.2776 119.585 93.789 119.605L217.365 121.248C231.531 121.248 238.406 134.556 234.606 147.671L233.011 153.189C232.53 154.855 231.014 156 229.291 156H3.90889C1.98075 156 0.330745 154.574 0.17634 152.64C0.0594555 151.175 0 149.695 0 148.2C0 119.723 21.6617 96.3403 49.306 93.8266C48.7387 91.2419 48.4375 88.5564 48.4375 85.8C48.4375 65.3379 64.919 48.75 85.25 48.75C93.3413 48.75 100.822 51.3789 106.897 55.8321C117.716 23.3806 148.176 0 184.062 0Z" fill="#FF5F08"></path></g><g class="cf-logo-light transition-opacity duration-200 ease-out" fill="currentColor"><path d="M275.125 68.25C311.507 68.25 341 97.9335 341 134.55C341 141.077 340.063 147.385 338.317 153.343C337.848 154.943 336.363 156 334.706 156H243.056C241.697 156 240.76 154.628 241.247 153.351L242.999 148.76C248.595 134.03 264.56 121.963 279.331 121.256L307.33 119.813C308.826 119.736 310 118.492 310 116.985C310 115.485 308.838 114.245 307.351 114.157L281.059 112.601C266.924 111.877 260.018 99.2932 263.82 86.179L268.195 71.0866C268.64 69.5514 269.971 68.4343 271.557 68.3476C272.738 68.2831 273.928 68.25 275.125 68.25Z"></path><path d="M184.062 0C222 0 253.868 26.1297 262.882 61.4824C263.26 62.967 263.142 64.5333 262.601 65.9662L255.383 85.0897C249.787 99.8196 235.406 112.593 219.134 112.593L93.7928 114.043C92.2801 114.061 91.063 115.3 91.0625 116.823C91.0625 118.344 92.2776 119.585 93.789 119.605L217.365 121.248C231.531 121.248 238.406 134.556 234.606 147.671L233.011 153.189C232.53 154.855 231.014 156 229.291 156H3.90889C1.98075 156 0.330745 154.574 0.17634 152.64C0.0594555 151.175 0 149.695 0 148.2C0 119.723 21.6617 96.3403 49.306 93.8266C48.7387 91.2419 48.4375 88.5564 48.4375 85.8C48.4375 65.3379 64.919 48.75 85.25 48.75C93.3413 48.75 100.822 51.3789 106.897 55.8321C117.716 23.3806 148.176 0 184.062 0Z"></path></g></svg> <div class="text-foreground-100 -mb-1 ml-3 hidden flex-col items-start justify-start transition-colors duration-200 ease-out lg:flex" id="nav-logo-text"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 719 59" fill="none" class="h-[12px] w-auto text-inherit" aria-label="Cloudflare wordmark" role="img"><path d="M77.1016 1.09961H92.7015V43.5996H119.802V57.1996H77.1016V1.09961Z" fill="currentColor"></path><path d="M135.898 29.3V29.2C135.898 13.1 148.898 0 166.198 0C183.498 0 196.298 12.9 196.298 29V29.2C196.298 45.3 183.298 58.4 165.998 58.4C148.798 58.3 135.898 45.4 135.898 29.3ZM180.498 29.3V29.2C180.498 21.1 174.698 14.1 166.098 14.1C157.598 14.1 151.898 21 151.898 29.1V29.3C151.898 37.4 157.698 44.4 166.198 44.4C174.798 44.3 180.498 37.4 180.498 29.3Z" fill="currentColor"></path><path d="M215.398 32.5996V1.09961H231.198V32.2996C231.198 40.3996 235.298 44.1996 241.498 44.1996C247.698 44.1996 251.798 40.4996 251.798 32.6996V1.09961H267.598V32.1996C267.598 50.2996 257.298 58.1996 241.298 58.1996C225.398 58.2996 215.398 50.1996 215.398 32.5996Z" fill="currentColor"></path><path d="M291.398 1.09961H313.098C333.098 1.09961 344.798 12.5996 344.798 28.7996V28.9996C344.798 45.1996 332.998 57.1996 312.798 57.1996H291.498L291.398 1.09961ZM313.298 43.3996C322.598 43.3996 328.798 38.2996 328.798 29.1996V28.9996C328.798 19.9996 322.598 14.7996 313.298 14.7996H306.998V43.2996L313.298 43.3996Z" fill="currentColor"></path><path d="M367.297 1.09961H412.197V14.7996H382.797V24.2996H409.397V37.1996H382.797V57.1996H367.297V1.09961Z" fill="currentColor"></path><path d="M433.797 1.09961H449.297V43.5996H476.497V57.1996H433.797V1.09961Z" fill="currentColor"></path><path d="M517.097 0.699219H532.097L555.997 57.1992H539.297L535.197 47.1992H513.597L509.597 57.1992H493.297L517.097 0.699219ZM530.797 35.0992L524.597 19.1992L518.297 35.0992H530.797Z" fill="currentColor"></path><path d="M576 1.09961H602.5C611.1 1.09961 617 3.29962 620.8 7.19962C624.1 10.3996 625.8 14.6996 625.8 20.2996V20.4996C625.8 29.0996 621.2 34.7996 614.3 37.6996L627.7 57.2996H609.7L598.4 40.2996H591.6V57.2996H576.1L576 1.09961ZM601.8 28.0996C607.1 28.0996 610.1 25.4996 610.1 21.4996V21.1996C610.1 16.7996 606.9 14.5996 601.7 14.5996H591.5V28.0996H601.8Z" fill="currentColor"></path><path d="M648.203 1.09961H693.303V14.3996H663.603V22.7996H690.503V35.0996H663.603V43.9996H693.703V57.1996H648.203V1.09961Z" fill="currentColor"></path><path d="M43.1 35.9C40.9 40.8 36.3 44.3 30.3 44.3C21.8 44.3 16 37.2 16 29.2V29C16 20.9 21.7 14 30.2 14C36.6 14 41.5 17.9 43.5 23.3H59.9C57.3 9.9 45.5 0 30.3 0C13 0 0 13.1 0 29.2V29.4C0 45.5 12.8 58.4 30.1 58.4C44.9 58.4 56.5 48.8 59.5 36L43.1 35.9Z" fill="currentColor"></path></svg> </div> </a> <script type="module">(function(){if(typeof window>"u"||window.__navLogoClickHandlerInitialized)return;window.__navLogoClickHandlerInitialized=!0;const n=document.getElementById("nav-logo-button");n&&(n.addEventListener("focus",function(){const a=n.getAttribute("data-locale-prefix")||"",_=a?a+"/":"/",e=window.location.pathname;(e===_||e==="/"||e==="/index.html")&&window.scrollY>200&&window.scrollTo({top:0,behavior:"smooth"})}),n.addEventListener("click",function(a){const _=a;if(_.button!==0||_.metaKey||_.ctrlKey||_.shiftKey||_.altKey)return;const e=n.getAttribute("data-locale-prefix")||"",m=e?e+"/":"/",r=window.location.pathname;(r===m||r==="/"||r==="/index.html")&&(a.preventDefault(),window.scrollTo({top:0,behavior:"smooth"}))}),document.addEventListener("astro:before-swap",function a(){window.__navLogoClickHandlerInitialized=!1,document.removeEventListener("astro:before-swap",a)},{once:!0}))})();</script>  </div> <div class="hidden justify-start will-change-transform md:flex md:items-center lg:justify-center" data-nav-scroll-tabs> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style><script>(()=>{var l=(n,t)=>{let i=async()=>{await(await n())()},e=typeof t.value=="object"?t.value:void 0,s={timeout:e==null?void 0:e.timeout};"requestIdleCallback"in window?window.requestIdleCallback(i,s):setTimeout(i,s.timeout||200)};(self.Astro||(self.Astro={})).idle=l;window.dispatchEvent(new Event("astro:idle"));})();</script><script>(()=>{var g=Object.defineProperty;var w=(c,s,d)=>s in c?g(c,s,{enumerable:!0,configurable:!0,writable:!0,value:d}):c[s]=d;var l=(c,s,d)=>w(c,typeof s!="symbol"?s+"":s,d);var E=new Set(["__proto__","constructor","prototype"]);{let c={0:t=>y(t),1:t=>d(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(d(t)),5:t=>new Set(d(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>Number.POSITIVE_INFINITY*t},s=t=>{let[p,e]=t;return p in c?c[p](e):void 0},d=t=>t.map(s),y=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([p,e])=>[p,s(e)]));class f extends HTMLElement{constructor(){super(...arguments);l(this,"Component");l(this,"hydrator");l(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let n=this.querySelectorAll("astro-slot"),r={},i=this.querySelectorAll("template[data-astro-template]");for(let o of i){let a=o.closest(this.tagName);a!=null&&a.isSameNode(this)&&(r[o.getAttribute("data-astro-template")||"default"]=o.innerHTML,o.remove())}for(let o of n){let a=o.closest(this.tagName);a!=null&&a.isSameNode(this)&&(r[o.getAttribute("name")||"default"]=o.innerHTML)}let u;try{u=this.hasAttribute("props")?y(JSON.parse(this.getAttribute("props"))):{}}catch(o){let a=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(a+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${a}`,this.getAttribute("props"),o),o}let h;await this.hydrator(this)(this.Component,u,r,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});l(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),n.disconnect(),this.childrenConnectedCallback()},n=new MutationObserver(()=>{var r;((r=this.lastChild)==null?void 0:r.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});n.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}getRetryImportUrl(e){let n=new URL(e,document.baseURI),r=`astro-retry=${Date.now()}`,i=n.hash.replace(/^#/,"");return n.hash=i?`${i}&${r}`:r,n.toString()}async importWithRetry(e){try{return await import(e)}catch(n){return await new Promise(r=>setTimeout(r,1e3)),import(this.getRetryImportUrl(e))}}handleHydrationError(e){let n=this.getAttribute("component-url"),r=new CustomEvent("astro:hydration-error",{cancelable:!0,bubbles:!0,composed:!0,detail:{error:e,componentUrl:n}});this.dispatchEvent(r)&&console.error(`[astro-island] Error hydrating ${n}`,e)}async start(){let e=JSON.parse(this.getAttribute("opts")),n=this.getAttribute("client");if(Astro[n]===void 0){window.addEventListener(`astro:${n}`,()=>this.start(),{once:!0});return}try{await Astro[n](async()=>{let r=this.getAttribute("renderer-url");try{let[i,{default:u}]=await Promise.all([this.importWithRetry(this.getAttribute("component-url")),r?this.importWithRetry(r):Promise.resolve({default:()=>()=>{}})]),h=this.getAttribute("component-export")||"default";if(h.includes(".")){this.Component=i;for(let m of h.split(".")){if(E.has(m)||!this.Component||typeof this.Component!="object"&&typeof this.Component!="function"||!Object.hasOwn(this.Component,m))throw new Error(`Invalid component export path: ${h}`);this.Component=this.Component[m]}}else{if(E.has(h))throw new Error(`Invalid component export path: ${h}`);this.Component=i[h]}return this.hydrator=u,this.hydrate}catch(i){return this.handleHydrationError(i),()=>{}}},e,this)}catch(r){this.handleHydrationError(r)}}attributeChangedCallback(){this.hydrate()}}l(f,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",f)}})();</script><astro-island uid="Z1f3MPc" prefix="r24" component-url="/_astro/_container.BQEQZmmd.js" component-export="NavigationContainer" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;variant&quot;:[0,&quot;secondary&quot;],&quot;navigation&quot;:[0,{&quot;localePrefix&quot;:[0,&quot;&quot;],&quot;labels&quot;:[0,{&quot;products&quot;:[0,&quot;Products&quot;],&quot;solutions&quot;:[0,&quot;Solutions&quot;],&quot;solutionsHeading&quot;:[0,&quot;Use Cases&quot;],&quot;resources&quot;:[0,&quot;Resources&quot;]}],&quot;chrome&quot;:[0,{&quot;underAttack&quot;:[0,&quot;Under attack?&quot;],&quot;login&quot;:[0,&quot;Login&quot;],&quot;startBuilding&quot;:[0,&quot;Start building&quot;],&quot;contactSales&quot;:[0,&quot;Contact sales&quot;],&quot;search&quot;:[0,&quot;Search Cloudflare&quot;],&quot;seeUpcomingEvents&quot;:[0,&quot;See Upcoming Events&quot;],&quot;resourcesEventLink&quot;:[0,{&quot;title&quot;:[0,&quot;See Upcoming Events&quot;],&quot;href&quot;:[0,&quot;/events/&quot;]}],&quot;chinLinks&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Enterprise&quot;],&quot;href&quot;:[0,&quot;/enterprise/&quot;]}],[0,{&quot;title&quot;:[0,&quot;Global Network&quot;],&quot;href&quot;:[0,&quot;/network/&quot;]}],[0,{&quot;title&quot;:[0,&quot;Domain Registration&quot;],&quot;href&quot;:[0,&quot;https://domains.cloudflare.com/&quot;]}],[0,{&quot;title&quot;:[0,&quot;1.1.1.1&quot;],&quot;href&quot;:[0,&quot;https://one.one.one.one/&quot;]}]]]}],&quot;staticLinks&quot;:[1,[[0,{&quot;label&quot;:[0,&quot;Pricing&quot;],&quot;href&quot;:[0,&quot;/plans/&quot;]}]]],&quot;productGroups&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Compute&quot;],&quot;variant&quot;:[0,&quot;compute&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Browser Run&quot;],&quot;description&quot;:[0,&quot;Automated browsers&quot;],&quot;href&quot;:[0,&quot;/products/browser-rendering/&quot;],&quot;icon&quot;:[0,&quot;productBrowserRenderings&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,0]}],[0,{&quot;title&quot;:[0,&quot;Containers&quot;],&quot;description&quot;:[0,&quot;Any language, anywhere&quot;],&quot;href&quot;:[0,&quot;/products/containers/&quot;],&quot;icon&quot;:[0,&quot;productContainers&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,1]}],[0,{&quot;title&quot;:[0,&quot;Durable Objects&quot;],&quot;description&quot;:[0,&quot;Stateful compute&quot;],&quot;href&quot;:[0,&quot;/products/durable-objects/&quot;],&quot;icon&quot;:[0,&quot;productDurableObjects&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Sandboxes&quot;],&quot;description&quot;:[0,&quot;Secure code execution&quot;],&quot;href&quot;:[0,&quot;/products/sandboxes/&quot;],&quot;icon&quot;:[0,&quot;productSandboxes&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,3]}],[0,{&quot;title&quot;:[0,&quot;Workers&quot;],&quot;description&quot;:[0,&quot;Global serverless functions&quot;],&quot;href&quot;:[0,&quot;/products/workers/&quot;],&quot;icon&quot;:[0,&quot;productWorkers&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,4]}],[0,{&quot;title&quot;:[0,&quot;Workers for Platforms&quot;],&quot;description&quot;:[0,&quot;Programmable Platform Solutions&quot;],&quot;href&quot;:[0,&quot;/products/workers-for-platforms/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtbGF5ZXJzLXRocmVlMDEiLCJsYWJlbCI6IkxheWVyc1RocmVlMDEiLCJ2aWV3Qm94IjoiMCAwIDI0IDI0IiwiaW5uZXIiOiI8ZyBmaWxsPVwibm9uZVwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIHN0cm9rZS13aWR0aD1cIjJcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIj48cGF0aCBkPVwibTIgMTIgOS42NDIgNC44MjFjLjEzMS4wNjYuMTk3LjA5OS4yNjYuMTExLjA2LjAxMi4xMjMuMDEyLjE4NCAwIC4wNjktLjAxMi4xMzUtLjA0NS4yNjYtLjExTDIyIDEyTTIgMTdsOS42NDIgNC44MjFjLjEzMS4wNjYuMTk3LjA5OS4yNjYuMTExLjA2LjAxMi4xMjMuMDEyLjE4NCAwIC4wNjktLjAxMi4xMzUtLjA0NS4yNjYtLjExTDIyIDE3TTIgN2w5LjY0Mi00LjgyMWMuMTMxLS4wNjYuMTk3LS4wOTguMjY2LS4xMTFhLjUuNSAwIDAgMSAuMTg0IDBjLjA2OS4wMTMuMTM1LjA0NS4yNjYuMTFMMjIgN2wtOS42NDIgNC44MjFhMS4wMjggMS4wMjggMCAwIDEtLjI2Ni4xMTEuNTAxLjUwMSAwIDAgMS0uMTg0IDBjLS4wNjktLjAxMi0uMTM1LS4wNDUtLjI2Ni0uMTFMMiA3WlwiPjwvcGF0aD48L2c-In0&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,5]}],[0,{&quot;title&quot;:[0,&quot;Workflows&quot;],&quot;description&quot;:[0,&quot;Process orchestration&quot;],&quot;href&quot;:[0,&quot;/products/workflows/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtY3J5cHRvY3VycmVuY3kwNCIsImxhYmVsIjoiQ3J5cHRvY3VycmVuY3kwNCIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJtMiAyIDIgMm0xOC0yLTIgMm0yIDE4LTItMk0yIDIybDItMm0tMi00aDEuNU04IDJ2MS41TTIyIDhoLTEuNU0xNiAyMnYtMS41bTItNC41aDMuNU0xNiAydjRNMiA4aDRtMiAxNHYtNG0zLjQzNC0xMC40MzQtMy44NjggMy44NjhjLS4xOTguMTk4LS4yOTcuMjk3LS4zMzQuNDEyYS41LjUgMCAwIDAgMCAuMzA5Yy4wMzcuMTE0LjEzNi4yMTMuMzM0LjQxbDMuODY4IDMuODdjLjE5OC4xOTcuMjk3LjI5Ni40MTIuMzMzLjEuMDMzLjIwOC4wMzMuMzA5IDAgLjExNC0uMDM3LjIxMy0uMTM2LjQxLS4zMzRsMy44Ny0zLjg2OGMuMTk3LS4xOTguMjk2LS4yOTcuMzMzLS40MTJhLjQ5OS40OTkgMCAwIDAgMC0uMzA5Yy0uMDM3LS4xMTQtLjEzNi0uMjEzLS4zMzQtLjQxbC0zLjg2OC0zLjg3Yy0uMTk4LS4xOTctLjI5Ny0uMjk2LS40MTItLjMzM2EuNS41IDAgMCAwLS4zMDkgMGMtLjExNC4wMzctLjIxMy4xMzYtLjQxLjMzNFpcIj48L3BhdGg-PC9nPiJ9&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,6]}]]]}],[0,{&quot;title&quot;:[0,&quot;Storage&quot;],&quot;variant&quot;:[0,&quot;storage&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Artifacts&quot;],&quot;description&quot;:[0,&quot;Git-native versioned storage&quot;],&quot;href&quot;:[0,&quot;/products/artifacts/&quot;],&quot;icon&quot;:[0,&quot;productArtifacts&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,0]}],[0,{&quot;title&quot;:[0,&quot;D1&quot;],&quot;description&quot;:[0,&quot;Serverless SQL&quot;],&quot;href&quot;:[0,&quot;/products/d1/&quot;],&quot;icon&quot;:[0,&quot;productD1&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,1]}],[0,{&quot;title&quot;:[0,&quot;Data Platform&quot;],&quot;description&quot;:[0,&quot;Ingest, Catalog &amp; Query&quot;],&quot;href&quot;:[0,&quot;/products/data-platform/&quot;],&quot;icon&quot;:[0,&quot;lego&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Hyperdrive&quot;],&quot;description&quot;:[0,&quot;Global databases&quot;],&quot;href&quot;:[0,&quot;/products/hyperdrive/&quot;],&quot;icon&quot;:[0,&quot;productHyperdrive&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,3]}],[0,{&quot;title&quot;:[0,&quot;Queues&quot;],&quot;description&quot;:[0,&quot;Message processing&quot;],&quot;href&quot;:[0,&quot;/products/queues/&quot;],&quot;icon&quot;:[0,&quot;productQueues&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,4]}],[0,{&quot;title&quot;:[0,&quot;R2&quot;],&quot;description&quot;:[0,&quot;Egress-free storage&quot;],&quot;href&quot;:[0,&quot;/products/r2/&quot;],&quot;icon&quot;:[0,&quot;productR2&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,5]}],[0,{&quot;title&quot;:[0,&quot;KV&quot;],&quot;description&quot;:[0,&quot;Ultra-fast key-value storage&quot;],&quot;href&quot;:[0,&quot;/products/kv/&quot;],&quot;icon&quot;:[0,&quot;productKv&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,6]}]]]}],[0,{&quot;title&quot;:[0,&quot;AI&quot;],&quot;variant&quot;:[0,&quot;ai&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Agents&quot;],&quot;description&quot;:[0,&quot;Build stateful AI agents&quot;],&quot;href&quot;:[0,&quot;/products/agents/&quot;],&quot;icon&quot;:[0,&quot;productAgents&quot;],&quot;category&quot;:[0,&quot;ai&quot;],&quot;order&quot;:[0,0]}],[0,{&quot;title&quot;:[0,&quot;AI Gateway&quot;],&quot;description&quot;:[0,&quot;AI observability&quot;],&quot;href&quot;:[0,&quot;/products/ai-gateway/&quot;],&quot;icon&quot;:[0,&quot;productAiGateway&quot;],&quot;category&quot;:[0,&quot;ai&quot;],&quot;order&quot;:[0,1]}],[0,{&quot;title&quot;:[0,&quot;AI Search&quot;],&quot;description&quot;:[0,&quot;Instant retrieval&quot;],&quot;href&quot;:[0,&quot;/products/ai-search/&quot;],&quot;icon&quot;:[0,&quot;productAutoRag&quot;],&quot;category&quot;:[0,&quot;ai&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Vectorize&quot;],&quot;description&quot;:[0,&quot;Vector database&quot;],&quot;href&quot;:[0,&quot;/products/vectorize/&quot;],&quot;icon&quot;:[0,&quot;productVectorize&quot;],&quot;category&quot;:[0,&quot;ai&quot;],&quot;order&quot;:[0,3]}],[0,{&quot;title&quot;:[0,&quot;Workers AI&quot;],&quot;description&quot;:[0,&quot;Edge AI models&quot;],&quot;href&quot;:[0,&quot;/products/workers-ai/&quot;],&quot;icon&quot;:[0,&quot;productWorkersAI&quot;],&quot;category&quot;:[0,&quot;ai&quot;],&quot;order&quot;:[0,4]}]]]}],[0,{&quot;title&quot;:[0,&quot;SASE / Zero Trust&quot;],&quot;variant&quot;:[0,&quot;sase&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;SASE&quot;],&quot;description&quot;:[0,&quot;Cloudflare SASE platform&quot;],&quot;href&quot;:[0,&quot;/sase/&quot;],&quot;icon&quot;:[0,&quot;shieldPlus&quot;],&quot;category&quot;:[0,&quot;sase&quot;]}],[0,{&quot;title&quot;:[0,&quot;Access&quot;],&quot;description&quot;:[0,&quot;Zero trust access to private resources&quot;],&quot;href&quot;:[0,&quot;/products/access/&quot;],&quot;icon&quot;:[0,&quot;user&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0,0]}],[0,{&quot;title&quot;:[0,&quot;CASB&quot;],&quot;description&quot;:[0,&quot;SaaS and cloud posture&quot;],&quot;href&quot;:[0,&quot;/products/casb/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtY2xvdWQtcmFpbmluZzA2IiwibGFiZWwiOiJDbG91ZFJhaW5pbmcwNiIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJNMTMgMjFINm0xMy0zaC05bS0zIDBINW0xMyAzaC0ybS05LTZhNSA1IDAgMSAxIC4xLTkuOTk5IDUuNTAyIDUuNTAyIDAgMCAxIDEwLjE5NSAxLjAwNEE0LjUgNC41IDAgMSAxIDE3LjUgMTVINi45OTlaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Data Loss Prevention&quot;],&quot;description&quot;:[0,&quot;Protect sensitive data&quot;],&quot;href&quot;:[0,&quot;/products/dlp/&quot;],&quot;icon&quot;:[0,&quot;productDataLossPrevention&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Gateway&quot;],&quot;description&quot;:[0,&quot;Web filtering&quot;],&quot;href&quot;:[0,&quot;/products/gateway/&quot;],&quot;icon&quot;:[0,&quot;productGateway&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Browser Isolation&quot;],&quot;description&quot;:[0,&quot;Secure web browsing&quot;],&quot;href&quot;:[0,&quot;/products/browser-isolation/&quot;],&quot;icon&quot;:[0,&quot;browser&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0,3]}],[0,{&quot;title&quot;:[0,&quot;WAN&quot;],&quot;description&quot;:[0,&quot;Cloud-delivered networking&quot;],&quot;href&quot;:[0,&quot;/products/wan/&quot;],&quot;icon&quot;:[0,&quot;productCloudflareWan&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0,4]}],[0,{&quot;title&quot;:[0,&quot;Email Security&quot;],&quot;description&quot;:[0,&quot;Phishing protection&quot;],&quot;href&quot;:[0,&quot;/products/email-security/&quot;],&quot;icon&quot;:[0,&quot;shieldPlus&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0,5]}]]]}],[0,{&quot;title&quot;:[0,&quot;Security&quot;],&quot;variant&quot;:[0,&quot;security&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;DDoS Protection&quot;],&quot;description&quot;:[0,&quot;Mitigation Solutions&quot;],&quot;href&quot;:[0,&quot;/products/ddos/&quot;],&quot;icon&quot;:[0,&quot;productCloudflareNetworkFirewall&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,0]}],[0,{&quot;title&quot;:[0,&quot;Rate Limiting&quot;],&quot;description&quot;:[0,&quot;Abuse prevention&quot;],&quot;href&quot;:[0,&quot;/products/rate-limiting/&quot;],&quot;icon&quot;:[0,&quot;productRateLimiting&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,1]}],[0,{&quot;title&quot;:[0,&quot;SSL&quot;],&quot;description&quot;:[0,&quot;Secure Your Site with SSL&quot;],&quot;href&quot;:[0,&quot;/products/ssl/&quot;],&quot;icon&quot;:[0,&quot;shieldPlus&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Turnstile&quot;],&quot;description&quot;:[0,&quot;A CAPTCHA Replacement Solution&quot;],&quot;href&quot;:[0,&quot;/products/turnstile/&quot;],&quot;icon&quot;:[0,&quot;productTurnstile&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,3]}],[0,{&quot;title&quot;:[0,&quot;WAF&quot;],&quot;description&quot;:[0,&quot;Web Application Firewall&quot;],&quot;href&quot;:[0,&quot;/products/waf/&quot;],&quot;icon&quot;:[0,&quot;productWaf&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,4]}],[0,{&quot;title&quot;:[0,&quot;Magic Transit&quot;],&quot;description&quot;:[0,&quot;DDoS Protection for Networks&quot;],&quot;href&quot;:[0,&quot;/products/magic-transit/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtbWFnaWMtd2FuZDAxIiwibGFiZWwiOiJNYWdpY1dhbmQwMSIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJtMTMgMTQtMy0zbTUuMDEtNy41VjJtMy45NCAzLjA2TDIwLjAxIDRtLTEuMDYgOSAxLjA2IDEuMDZtLTktOUw5Ljk1IDRtMTAuNTYgNWgxLjVNNi4xMzEgMjAuODY5bDkuMjM4LTkuMjM4Yy4zOTYtLjM5Ni41OTQtLjU5NC42NjgtLjgyMmExIDEgMCAwIDAgMC0uNjE4Yy0uMDc0LS4yMjgtLjI3Mi0uNDI2LS42NjgtLjgyMmwtLjczNy0uNzM4Yy0uMzk3LS4zOTYtLjU5NS0uNTk0LS44MjMtLjY2OGExIDEgMCAwIDAtLjYxOCAwYy0uMjI4LjA3NC0uNDI2LjI3Mi0uODIyLjY2OEwzLjEzIDE3Ljg3Yy0uMzk2LjM5Ni0uNTk0LjU5NC0uNjY4LjgyMmExIDEgMCAwIDAgMCAuNjE4Yy4wNzQuMjI4LjI3Mi40MjYuNjY4LjgyMmwuNzM4LjczOGMuMzk2LjM5Ni41OTQuNTk0LjgyMi42NjhhMSAxIDAgMCAwIC42MTggMGMuMjI4LS4wNzQuNDI2LS4yNzIuODIyLS42NjhaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,5]}],[0,{&quot;title&quot;:[0,&quot;Client-Side Security&quot;],&quot;description&quot;:[0,&quot;Prevent browser supply chain attacks&quot;],&quot;href&quot;:[0,&quot;/products/client-side-security/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtYnJvd3NlciIsImxhYmVsIjoiQnJvd3NlciIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJNMjIgOUgybTAtMS4ydjguNGMwIDEuNjggMCAyLjUyLjMyNyAzLjE2MmEzIDMgMCAwIDAgMS4zMTEgMS4zMTFDNC4yOCAyMSA1LjEyIDIxIDYuOCAyMWgxMC40YzEuNjggMCAyLjUyIDAgMy4xNjItLjMyN2EzIDMgMCAwIDAgMS4zMTEtMS4zMTFDMjIgMTguNzIgMjIgMTcuODggMjIgMTYuMlY3LjhjMC0xLjY4IDAtMi41Mi0uMzI3LTMuMTYyYTMgMyAwIDAgMC0xLjMxMS0xLjMxMUMxOS43MiAzIDE4Ljg4IDMgMTcuMiAzSDYuOGMtMS42OCAwLTIuNTIgMC0zLjE2Mi4zMjdhMyAzIDAgMCAwLTEuMzExIDEuMzExQzIgNS4yOCAyIDYuMTIgMiA3LjhaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,6]}],[0,{&quot;title&quot;:[0,&quot;Bot Management&quot;],&quot;description&quot;:[0,&quot;Block bad bots&quot;],&quot;href&quot;:[0,&quot;/products/bot-management/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtZmluZ2VycHJpbnQwMyIsImxhYmVsIjoiRmluZ2VycHJpbnQwMyIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJNOC4xIDIxLjIyMWExMi4xNiAxMi4xNiAwIDAgMS0yLjIwNy03LjAwMiA2LjEwOCA2LjEwOCAwIDAgMSA2LjEwNi02LjExIDYuMTA4IDYuMTA4IDAgMCAxIDYuMTA2IDYuMTFcIj48L3BhdGg-PHBhdGggZD1cIk04LjEgMjEuMjIxYTEyLjE2IDEyLjE2IDAgMCAxLTIuMjA3LTcuMDAyIDYuMTA4IDYuMTA4IDAgMCAxIDYuMTA2LTYuMTEgNi4xMDggNi4xMDggMCAwIDEgNi4xMDYgNi4xMVwiPjwvcGF0aD48cGF0aCBkPVwiTTE4LjQzNiAyMC4zMTJjLS4xMS4wMDYtLjIxOC4wMTYtLjMyOS4wMTZhNi4xMDggNi4xMDggMCAwIDEtNi4xMDYtNi4xMVwiPjwvcGF0aD48cGF0aCBkPVwiTTE4LjQzNiAyMC4zMTJjLS4xMS4wMDYtLjIxOC4wMTYtLjMyOS4wMTZhNi4xMDggNi4xMDggMCAwIDEtNi4xMDYtNi4xMVwiPjwvcGF0aD48cGF0aCBkPVwiTTEzLjI3IDIyYTkuMTU4IDkuMTU4IDAgMCAxLTQuMzIzLTcuNzgxIDMuMDU0IDMuMDU0IDAgMSAxIDYuMTA3IDAgMy4wNTQgMy4wNTQgMCAxIDAgNi4xMDggMGMwLTUuMDYyLTQuMTAyLTkuMTY0LTkuMTYtOS4xNjQtNS4wNTkgMC05LjE2IDQuMTAyLTkuMTYgOS4xNjQgMCAxLjEyOC4xMjYgMi4yMjYuMzU4IDMuMjg2XCI-PC9wYXRoPjxwYXRoIGQ9XCJNMTMuMjcgMjJhOS4xNTggOS4xNTggMCAwIDEtNC4zMjMtNy43ODEgMy4wNTQgMy4wNTQgMCAxIDEgNi4xMDcgMCAzLjA1NCAzLjA1NCAwIDEgMCA2LjEwOCAwYzAtNS4wNjItNC4xMDItOS4xNjQtOS4xNi05LjE2NC01LjA1OSAwLTkuMTYgNC4xMDItOS4xNiA5LjE2NCAwIDEuMTI4LjEyNiAyLjIyNi4zNTggMy4yODZcIj48L3BhdGg-PHBhdGggZD1cIk0yMC41MjYgNS44NjNBMTEuMzI3IDExLjMyNyAwIDAgMCAxMiAyYTExLjMyNyAxMS4zMjcgMCAwIDAtOC41MjUgMy44NjNcIj48L3BhdGg-PHBhdGggZD1cIk0yMC41MjYgNS44NjNBMTEuMzI3IDExLjMyNyAwIDAgMCAxMiAyYTExLjMyNyAxMS4zMjcgMCAwIDAtOC41MjUgMy44NjNcIj48L3BhdGg-PC9nPiJ9&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,8]}]]]}],[0,{&quot;title&quot;:[0,&quot;Network &amp; Content Delivery&quot;],&quot;variant&quot;:[0,&quot;network&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;CDN&quot;],&quot;description&quot;:[0,&quot;Faster delivery &amp; caching&quot;],&quot;href&quot;:[0,&quot;/products/cdn/&quot;],&quot;icon&quot;:[0,&quot;productNetwork&quot;],&quot;category&quot;:[0,&quot;network&quot;],&quot;order&quot;:[0,1]}],[0,{&quot;title&quot;:[0,&quot;DNS&quot;],&quot;description&quot;:[0,&quot;Fast DNS&quot;],&quot;href&quot;:[0,&quot;/products/dns/&quot;],&quot;icon&quot;:[0,&quot;productDNS&quot;],&quot;category&quot;:[0,&quot;network&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Load Balancing&quot;],&quot;description&quot;:[0,&quot;Zero downtime&quot;],&quot;href&quot;:[0,&quot;/products/load-balancing/&quot;],&quot;icon&quot;:[0,&quot;productLoadBalancing&quot;],&quot;category&quot;:[0,&quot;network&quot;],&quot;order&quot;:[0,3]}],[0,{&quot;title&quot;:[0,&quot;TURN / SFU&quot;],&quot;description&quot;:[0,&quot;Real-time infra&quot;],&quot;href&quot;:[0,&quot;/products/turn-sfu/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtY29kZS1jaXJjbGUwMiIsImxhYmVsIjoiQ29kZUNpcmNsZTAyIiwidmlld0JveCI6IjAgMCAyNCAyNCIsImlubmVyIjoiPGcgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBzdHJva2Utd2lkdGg9XCIyXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCI-PHBhdGggZD1cIm0xNCAxNyAzLTMtMy0zbS00LTQtMyAzIDMgM20xMi0xYzAgNS41MjMtNC40NzcgMTAtMTAgMTBTMiAxNy41MjMgMiAxMiA2LjQ3NyAyIDEyIDJzMTAgNC40NzcgMTAgMTBaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;category&quot;:[0,&quot;network&quot;],&quot;order&quot;:[0,5]}],[0,{&quot;title&quot;:[0,&quot;Analytics&quot;],&quot;description&quot;:[0,&quot;Web Performance &amp; Security&quot;],&quot;href&quot;:[0,&quot;/products/analytics/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtYmFyLWxpbmUtY2hhcnQiLCJsYWJlbCI6IkJhckxpbmVDaGFydCIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJNMjAgMjB2LTdtLTggN1YxME00IDIwdi00bTkuNDA3LTEwLjk3MyA1LjE2OCAxLjkzOU0xMC44IDUuNCA1LjIgOS42bTE1Ljg2LTMuMTZhMS41IDEuNSAwIDEgMS0yLjEyMSAyLjEyIDEuNSAxLjUgMCAwIDEgMi4xMjItMi4xMlptLTE2IDNhMS41IDEuNSAwIDEgMS0yLjEyIDIuMTIgMS41IDEuNSAwIDAgMSAyLjEyLTIuMTJabTgtNmExLjUgMS41IDAgMSAxLTIuMTIxIDIuMTIgMS41IDEuNSAwIDAgMSAyLjEyMi0yLjEyWlwiPjwvcGF0aD48L2c-In0&quot;],&quot;category&quot;:[0,&quot;network&quot;],&quot;order&quot;:[0,6]}]]]}]]],&quot;solutions&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;AI&quot;],&quot;description&quot;:[0,&quot;Build intelligent applications with AI at the edge&quot;],&quot;href&quot;:[0,&quot;/solutions/ai/&quot;],&quot;icon&quot;:[0,&quot;productCloudflareAgent&quot;],&quot;order&quot;:[0,0],&quot;metaTitle&quot;:[0,&quot;Cloudflare AI Cloud &quot;]}],[0,{&quot;title&quot;:[0,&quot;AI Security&quot;],&quot;description&quot;:[0,&quot;Secure and control AI adoption without slowing innovation.&quot;],&quot;href&quot;:[0,&quot;/solutions/ai-security/&quot;],&quot;icon&quot;:[0,&quot;aI&quot;],&quot;order&quot;:[0],&quot;metaTitle&quot;:[0,&quot;AI Security&quot;]}],[0,{&quot;title&quot;:[0,&quot;Frontends&quot;],&quot;description&quot;:[0,&quot;Deploy frontend applications globally in seconds&quot;],&quot;href&quot;:[0,&quot;/solutions/frontends/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtbGF5b3V0LWFsdDAxIiwibGFiZWwiOiJMYXlvdXRBbHQwMSIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJNMyA5aDE4TTkgOXYxMk03LjggM2g4LjRjMS42OCAwIDIuNTIgMCAzLjE2Mi4zMjdhMyAzIDAgMCAxIDEuMzExIDEuMzExQzIxIDUuMjggMjEgNi4xMiAyMSA3Ljh2OC40YzAgMS42OCAwIDIuNTItLjMyNyAzLjE2MmEzIDMgMCAwIDEtMS4zMTEgMS4zMTFDMTguNzIgMjEgMTcuODggMjEgMTYuMiAyMUg3LjhjLTEuNjggMC0yLjUyIDAtMy4xNjItLjMyN2EzIDMgMCAwIDEtMS4zMTEtMS4zMTFDMyAxOC43MiAzIDE3Ljg4IDMgMTYuMlY3LjhjMC0xLjY4IDAtMi41Mi4zMjctMy4xNjJhMyAzIDAgMCAxIDEuMzExLTEuMzExQzUuMjggMyA2LjEyIDMgNy44IDNaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;order&quot;:[0,1],&quot;metaTitle&quot;:[0,&quot;Frontend Development Platform&quot;]}],[0,{&quot;title&quot;:[0,&quot;Network&quot;],&quot;description&quot;:[0,&quot;Global network services for performance and reliability&quot;],&quot;href&quot;:[0,&quot;/solutions/network/&quot;],&quot;icon&quot;:[0,&quot;earth&quot;],&quot;order&quot;:[0,2],&quot;metaTitle&quot;:[0,&quot;Global Network Infrastructure&quot;]}],[0,{&quot;title&quot;:[0,&quot;Platforms&quot;],&quot;description&quot;:[0,&quot;Build platforms on Cloudflare&#39;s infrastructure&quot;],&quot;href&quot;:[0,&quot;/solutions/platforms/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtY3ViZTAyIiwibGFiZWwiOiJDdWJlMDIiLCJ2aWV3Qm94IjoiMCAwIDI0IDI0IiwiaW5uZXIiOiI8ZyBmaWxsPVwibm9uZVwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIHN0cm9rZS13aWR0aD1cIjJcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIj48cGF0aCBkPVwiTTEyIDIuNVYxMm0wIDAgOC41LTQuNzIyTTEyIDEyIDMuNSA3LjI3OE0xMiAxMnY5LjVtOC41LTQuNzc4LTcuNzIzLTQuMjljLS4yODQtLjE1OC0uNDI1LS4yMzctLjU3NS0uMjY4YTEuMDAxIDEuMDAxIDAgMCAwLS40MDMgMGMtLjE1LjAzMS0uMjkyLjExLS41NzYuMjY4TDMuNSAxNi43MjJNMjEgMTYuMDZWNy45NDJjMC0uMzQzIDAtLjUxNC0uMDUtLjY2N2ExIDEgMCAwIDAtLjIxNS0uMzY0Yy0uMTA5LS4xMTktLjI1OC0uMjAyLS41NTgtLjM2OGwtNy40LTQuMTExYy0uMjg0LS4xNTgtLjQyNS0uMjM3LS41NzUtLjI2N2ExIDEgMCAwIDAtLjQwMyAwYy0uMTUuMDMtLjI5Mi4xMS0uNTc2LjI2N2wtNy40IDQuMTFjLS4zLjE2Ny0uNDUuMjUtLjU1OC4zNjlhMSAxIDAgMCAwLS4yMTUuMzY0QzMgNy40MjggMyA3LjU5OSAzIDcuOTQydjguMTE3YzAgLjM0MiAwIC41MTQuMDUuNjY2YTEgMSAwIDAgMCAuMjE1LjM2NGMuMTA5LjExOS4yNTguMjAyLjU1OC4zNjhsNy40IDQuMTExYy4yODQuMTU4LjQyNS4yMzcuNTc2LjI2OC4xMzMuMDI3LjI3LjAyNy40MDIgMCAuMTUtLjAzMS4yOTItLjExLjU3Ni0uMjY4bDcuNC00LjExYy4zLS4xNjcuNDUtLjI1LjU1OC0uMzY5YS45OTkuOTk5IDAgMCAwIC4yMTUtLjM2NGMuMDUtLjE1Mi4wNS0uMzI0LjA1LS42NjZaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;order&quot;:[0,3],&quot;metaTitle&quot;:[0,&quot;Multi-Tenant Platform Development&quot;]}],[0,{&quot;title&quot;:[0,&quot;Security&quot;],&quot;description&quot;:[0,&quot;Protect your applications from threats&quot;],&quot;href&quot;:[0,&quot;/solutions/security/&quot;],&quot;icon&quot;:[0,&quot;shieldPlus&quot;],&quot;order&quot;:[0,5],&quot;metaTitle&quot;:[0,&quot;Web Security Platform - WAF, DDoS Protection, Bot Management&quot;]}],[0,{&quot;title&quot;:[0,&quot;Workflows&quot;],&quot;description&quot;:[0,&quot;Orchestrate complex multi-step processes&quot;],&quot;href&quot;:[0,&quot;/solutions/workflows/&quot;],&quot;icon&quot;:[0,&quot;flash&quot;],&quot;order&quot;:[0,6],&quot;metaTitle&quot;:[0,&quot;Durable Workflows - Multi-Step Application Engine&quot;]}]]],&quot;footerSolutions&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;AI&quot;],&quot;description&quot;:[0,&quot;Build intelligent applications with AI at the edge&quot;],&quot;href&quot;:[0,&quot;/solutions/ai/&quot;],&quot;icon&quot;:[0,&quot;productCloudflareAgent&quot;],&quot;order&quot;:[0,0],&quot;metaTitle&quot;:[0,&quot;Cloudflare AI Cloud &quot;]}],[0,{&quot;title&quot;:[0,&quot;AI Security&quot;],&quot;description&quot;:[0,&quot;Secure and control AI adoption without slowing innovation.&quot;],&quot;href&quot;:[0,&quot;/solutions/ai-security/&quot;],&quot;icon&quot;:[0,&quot;aI&quot;],&quot;order&quot;:[0],&quot;metaTitle&quot;:[0,&quot;AI Security&quot;]}],[0,{&quot;title&quot;:[0,&quot;Frontends&quot;],&quot;description&quot;:[0,&quot;Deploy frontend applications globally in seconds&quot;],&quot;href&quot;:[0,&quot;/solutions/frontends/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtbGF5b3V0LWFsdDAxIiwibGFiZWwiOiJMYXlvdXRBbHQwMSIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJNMyA5aDE4TTkgOXYxMk03LjggM2g4LjRjMS42OCAwIDIuNTIgMCAzLjE2Mi4zMjdhMyAzIDAgMCAxIDEuMzExIDEuMzExQzIxIDUuMjggMjEgNi4xMiAyMSA3Ljh2OC40YzAgMS42OCAwIDIuNTItLjMyNyAzLjE2MmEzIDMgMCAwIDEtMS4zMTEgMS4zMTFDMTguNzIgMjEgMTcuODggMjEgMTYuMiAyMUg3LjhjLTEuNjggMC0yLjUyIDAtMy4xNjItLjMyN2EzIDMgMCAwIDEtMS4zMTEtMS4zMTFDMyAxOC43MiAzIDE3Ljg4IDMgMTYuMlY3LjhjMC0xLjY4IDAtMi41Mi4zMjctMy4xNjJhMyAzIDAgMCAxIDEuMzExLTEuMzExQzUuMjggMyA2LjEyIDMgNy44IDNaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;order&quot;:[0,1],&quot;metaTitle&quot;:[0,&quot;Frontend Development Platform&quot;]}],[0,{&quot;title&quot;:[0,&quot;Platforms&quot;],&quot;description&quot;:[0,&quot;Build platforms on Cloudflare&#39;s infrastructure&quot;],&quot;href&quot;:[0,&quot;/solutions/platforms/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtY3ViZTAyIiwibGFiZWwiOiJDdWJlMDIiLCJ2aWV3Qm94IjoiMCAwIDI0IDI0IiwiaW5uZXIiOiI8ZyBmaWxsPVwibm9uZVwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIHN0cm9rZS13aWR0aD1cIjJcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIj48cGF0aCBkPVwiTTEyIDIuNVYxMm0wIDAgOC41LTQuNzIyTTEyIDEyIDMuNSA3LjI3OE0xMiAxMnY5LjVtOC41LTQuNzc4LTcuNzIzLTQuMjljLS4yODQtLjE1OC0uNDI1LS4yMzctLjU3NS0uMjY4YTEuMDAxIDEuMDAxIDAgMCAwLS40MDMgMGMtLjE1LjAzMS0uMjkyLjExLS41NzYuMjY4TDMuNSAxNi43MjJNMjEgMTYuMDZWNy45NDJjMC0uMzQzIDAtLjUxNC0uMDUtLjY2N2ExIDEgMCAwIDAtLjIxNS0uMzY0Yy0uMTA5LS4xMTktLjI1OC0uMjAyLS41NTgtLjM2OGwtNy40LTQuMTExYy0uMjg0LS4xNTgtLjQyNS0uMjM3LS41NzUtLjI2N2ExIDEgMCAwIDAtLjQwMyAwYy0uMTUuMDMtLjI5Mi4xMS0uNTc2LjI2N2wtNy40IDQuMTFjLS4zLjE2Ny0uNDUuMjUtLjU1OC4zNjlhMSAxIDAgMCAwLS4yMTUuMzY0QzMgNy40MjggMyA3LjU5OSAzIDcuOTQydjguMTE3YzAgLjM0MiAwIC41MTQuMDUuNjY2YTEgMSAwIDAgMCAuMjE1LjM2NGMuMTA5LjExOS4yNTguMjAyLjU1OC4zNjhsNy40IDQuMTExYy4yODQuMTU4LjQyNS4yMzcuNTc2LjI2OC4xMzMuMDI3LjI3LjAyNy40MDIgMCAuMTUtLjAzMS4yOTItLjExLjU3Ni0uMjY4bDcuNC00LjExYy4zLS4xNjcuNDUtLjI1LjU1OC0uMzY5YS45OTkuOTk5IDAgMCAwIC4yMTUtLjM2NGMuMDUtLjE1Mi4wNS0uMzI0LjA1LS42NjZaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;order&quot;:[0,3],&quot;metaTitle&quot;:[0,&quot;Multi-Tenant Platform Development&quot;]}],[0,{&quot;title&quot;:[0,&quot;Security&quot;],&quot;description&quot;:[0,&quot;Protect your applications from threats&quot;],&quot;href&quot;:[0,&quot;/solutions/security/&quot;],&quot;icon&quot;:[0,&quot;shieldPlus&quot;],&quot;order&quot;:[0,5],&quot;metaTitle&quot;:[0,&quot;Web Security Platform - WAF, DDoS Protection, Bot Management&quot;]}]]],&quot;resources&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Blog&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;News, product updates, and announcements&quot;],&quot;href&quot;:[0,&quot;/blog/&quot;],&quot;icon&quot;:[0,&quot;notificationMessage&quot;]}],[0,{&quot;title&quot;:[0,&quot;Community&quot;],&quot;description&quot;:[0,&quot;Connect with other developers and experts&quot;],&quot;href&quot;:[0,&quot;/community/&quot;],&quot;icon&quot;:[0,&quot;chat&quot;]}],[0,{&quot;title&quot;:[0,&quot;Cloudflare Radar&quot;],&quot;description&quot;:[0,&quot;Internet traffic and security trends&quot;],&quot;href&quot;:[0,&quot;https://radar.cloudflare.com/&quot;],&quot;icon&quot;:[0,&quot;productRadar&quot;]}]]]}],[0,{&quot;title&quot;:[0,&quot;Documentation&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Developer Docs&quot;],&quot;description&quot;:[0,&quot;Guides, references, and tutorials&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/&quot;],&quot;icon&quot;:[0,&quot;bookOpen&quot;]}],[0,{&quot;title&quot;:[0,&quot;API Reference&quot;],&quot;description&quot;:[0,&quot;Cloudflare API documentation&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/api/&quot;],&quot;icon&quot;:[0,&quot;terminal&quot;]}],[0,{&quot;title&quot;:[0,&quot;Case Studies&quot;],&quot;description&quot;:[0,&quot;Customer success stories and results&quot;],&quot;href&quot;:[0,&quot;/case-studies/&quot;],&quot;icon&quot;:[0,&quot;barChartUp&quot;]}]]]}],[0,{&quot;title&quot;:[0,&quot;Learning&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Learning Center&quot;],&quot;description&quot;:[0,&quot;Learn about web technology concepts&quot;],&quot;href&quot;:[0,&quot;/learning/&quot;],&quot;icon&quot;:[0,&quot;course&quot;]}],[0,{&quot;title&quot;:[0,&quot;Reference Architectures&quot;],&quot;description&quot;:[0,&quot;Architecture patterns and best practices&quot;],&quot;href&quot;:[0,&quot;/architecture/&quot;],&quot;icon&quot;:[0,&quot;cubeTarget&quot;]}],[0,{&quot;title&quot;:[0,&quot;Press&quot;],&quot;description&quot;:[0,&quot;Latest news, media resources, and coverage&quot;],&quot;href&quot;:[0,&quot;/press/&quot;],&quot;icon&quot;:[0,&quot;publisher&quot;]}]]]}],[0,{&quot;title&quot;:[0,&quot;Quick Links&quot;],&quot;variant&quot;:[0,&quot;inline&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Startups&quot;],&quot;href&quot;:[0,&quot;/startups/&quot;]}],[0,{&quot;title&quot;:[0,&quot;Careers&quot;],&quot;href&quot;:[0,&quot;/careers/&quot;]}],[0,{&quot;title&quot;:[0,&quot;Partners&quot;],&quot;href&quot;:[0,&quot;/partners/&quot;]}],[0,{&quot;title&quot;:[0,&quot;Status&quot;],&quot;href&quot;:[0,&quot;https://www.cloudflarestatus.com/&quot;]}],[0,{&quot;title&quot;:[0,&quot;Support&quot;],&quot;href&quot;:[0,&quot;https://support.cloudflare.com/&quot;]}]]]}]]]}]}" ssr client="idle" opts="{&quot;name&quot;:&quot;NavigationContainer&quot;,&quot;value&quot;:true}" await-children><div id="nav-container" class="pointer-events-auto relative z-20 min-w-0 text-foreground-100 dark:text-light-foreground"><div class="hidden h-[72px] w-full min-w-0 items-center justify-center md:flex md:pl-0"><nav class="keyframe-container relative font-sans" style="opacity:0" aria-label="Main navigation"><div class="relative flex text-inherit items-center justify-between px-4 sm:px-6 lg:px-8"><div id="header-navigation" class="relative hidden h-full md:flex" style="opacity:0"><div class="absolute top-0 box-border h-full rounded-md border border-border-100 dark:border-border-100 bg-border-100/10 dark:bg-border-100/50 opacity-0 transition-all duration-300 ease-out"></div><a href="/products/" data-nav="products" class="relative z-10 flex items-center rounded-md py-1.5 px-3 font-medium text-inherit transition-all duration-200 ease-out hover:opacity-80" aria-expanded="false" aria-haspopup="true" data-astro-prefetch="hover" style="opacity:1;filter:none">Products<svg viewBox="0 0 20 20" class="inline-block h-4 w-auto transition-opacity duration-200 ease-out shrink-0 text-inherit opacity-30 ml-1.5 mr-[-3px]" aria-hidden="true"><use href="/icons.svg#chevronGroup"></use></svg></a><a href="/solutions/" data-nav="solutions" class="relative z-10 flex items-center rounded-md py-1.5 px-3 font-medium text-inherit transition-all duration-200 ease-out hover:opacity-80" aria-expanded="false" aria-haspopup="true" data-astro-prefetch="hover" style="opacity:1;filter:none">Solutions<svg viewBox="0 0 20 20" class="inline-block h-4 w-auto transition-opacity duration-200 ease-out shrink-0 text-inherit opacity-30 ml-1.5 mr-[-3px]" aria-hidden="true"><use href="/icons.svg#chevronGroup"></use></svg></a><a href="/resource-hub/" data-nav="resources" class="relative z-10 flex items-center rounded-md py-1.5 px-3 font-medium text-inherit transition-all duration-200 ease-out hover:opacity-80" aria-expanded="false" aria-haspopup="true" data-astro-prefetch="hover" style="opacity:1;filter:none">Resources<svg viewBox="0 0 20 20" class="inline-block h-4 w-auto transition-opacity duration-200 ease-out shrink-0 text-inherit opacity-30 ml-1.5 mr-[-3px]" aria-hidden="true"><use href="/icons.svg#chevronGroup"></use></svg></a><a href="/plans/" data-nav="pricing" class="text-inherit relative flex items-center rounded-md px-3 py-1.5 font-medium transition-all duration-200 ease-out hover:opacity-80" data-astro-prefetch="hover" style="opacity:1;filter:none">Pricing</a></div></div></nav></div></div><!--astro:end--></astro-island> </div> <div class="flex items-center justify-end gap-2 md:justify-self-end"> <div class="hidden will-change-transform md:flex md:items-center md:gap-1" data-nav-scroll-utility> <div id="nav-action-buttons" class="pointer-events-none flex items-center justify-end gap-1 transition-[filter] duration-200 ease-out">  <a href="https://dash.cloudflare.com/login" data-slot="button" class="relative isolate shrink-0 origin-center items-center justify-center gap-2 whitespace-nowrap border font-medium backdrop-blur-md transition-[scale,translate] duration-[0.16s] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none rounded-xl md:rounded-full border-border-100 bg-background-100 text-foreground-100 active:scale-[0.98] hover:border-accent-100/40 hover:before:opacity-[0.08] focus-visible:before:opacity-[0.08] px-3 py-1.5 pointer-events-auto hidden md:flex hover:text-inherit" id="nav-login-button">Login</a> <a href="/resource/contact-enterprise-sales/" data-slot="button" class="relative isolate shrink-0 origin-center items-center justify-center gap-2 whitespace-nowrap border font-medium backdrop-blur-md transition-[scale,translate] duration-[0.16s] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none rounded-xl md:rounded-full border-border-100 bg-background-100 text-foreground-100 active:scale-[0.98] hover:border-accent-100/40 hover:before:opacity-[0.08] focus-visible:before:opacity-[0.08] px-3 py-1.5 pointer-events-auto hidden md:flex hover:text-inherit" id="nav-contact-sales-button">Contact sales</a>  <button data-slot="button" class="relative isolate shrink-0 origin-center items-center justify-center gap-2 whitespace-nowrap border font-medium backdrop-blur-md transition-[scale,translate] duration-[0.16s] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none rounded-xl md:rounded-full border-border-100 bg-background-100 text-foreground-100 active:scale-[0.98] hover:border-accent-100/40 hover:before:opacity-[0.08] focus-visible:before:opacity-[0.08] pointer-events-auto hidden p-2.5 md:flex" type="button" aria-label="Search Cloudflare" data-ai-search-trigger="true" data-nav-search-button="true"> <svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-4"><path d="m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z"></path></svg> </button> </div> </div> <div class="pointer-events-none flex shrink-0 items-center justify-end gap-1" data-nav-sticky-actions> <a href="https://dash.cloudflare.com/sign-up" data-slot="button" class="relative isolate shrink-0 origin-center items-center justify-center gap-2 whitespace-nowrap border font-medium backdrop-blur-md transition-[scale,translate] duration-[0.16s] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none rounded-xl md:rounded-full border-accent-100 bg-accent-100 active:scale-[0.98] hover:border-light-foreground hover:before:opacity-[0.26] focus-visible:before:opacity-[0.26] px-3 py-1.5 text-light-foreground pointer-events-auto hidden hover:scale-100 md:flex" id="nav-start-building-button" tabindex="-1" aria-hidden="true">Start building</a> <astro-island uid="Z1tt2WC" prefix="r28" component-url="/_astro/_trigger.CLRTv2Lx.js" component-export="MobileTrigger" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;navigation&quot;:[0,{&quot;localePrefix&quot;:[0,&quot;&quot;],&quot;labels&quot;:[0,{&quot;products&quot;:[0,&quot;Products&quot;],&quot;solutions&quot;:[0,&quot;Solutions&quot;],&quot;solutionsHeading&quot;:[0,&quot;Use Cases&quot;],&quot;resources&quot;:[0,&quot;Resources&quot;]}],&quot;chrome&quot;:[0,{&quot;underAttack&quot;:[0,&quot;Under attack?&quot;],&quot;login&quot;:[0,&quot;Login&quot;],&quot;startBuilding&quot;:[0,&quot;Start building&quot;],&quot;contactSales&quot;:[0,&quot;Contact sales&quot;],&quot;search&quot;:[0,&quot;Search Cloudflare&quot;],&quot;seeUpcomingEvents&quot;:[0,&quot;See Upcoming Events&quot;],&quot;resourcesEventLink&quot;:[0,{&quot;title&quot;:[0,&quot;See Upcoming Events&quot;],&quot;href&quot;:[0,&quot;/events/&quot;]}],&quot;chinLinks&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Enterprise&quot;],&quot;href&quot;:[0,&quot;/enterprise/&quot;]}],[0,{&quot;title&quot;:[0,&quot;Global Network&quot;],&quot;href&quot;:[0,&quot;/network/&quot;]}],[0,{&quot;title&quot;:[0,&quot;Domain Registration&quot;],&quot;href&quot;:[0,&quot;https://domains.cloudflare.com/&quot;]}],[0,{&quot;title&quot;:[0,&quot;1.1.1.1&quot;],&quot;href&quot;:[0,&quot;https://one.one.one.one/&quot;]}]]]}],&quot;staticLinks&quot;:[1,[[0,{&quot;label&quot;:[0,&quot;Pricing&quot;],&quot;href&quot;:[0,&quot;/plans/&quot;]}]]],&quot;productGroups&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Compute&quot;],&quot;variant&quot;:[0,&quot;compute&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Browser Run&quot;],&quot;description&quot;:[0,&quot;Automated browsers&quot;],&quot;href&quot;:[0,&quot;/products/browser-rendering/&quot;],&quot;icon&quot;:[0,&quot;productBrowserRenderings&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,0]}],[0,{&quot;title&quot;:[0,&quot;Containers&quot;],&quot;description&quot;:[0,&quot;Any language, anywhere&quot;],&quot;href&quot;:[0,&quot;/products/containers/&quot;],&quot;icon&quot;:[0,&quot;productContainers&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,1]}],[0,{&quot;title&quot;:[0,&quot;Durable Objects&quot;],&quot;description&quot;:[0,&quot;Stateful compute&quot;],&quot;href&quot;:[0,&quot;/products/durable-objects/&quot;],&quot;icon&quot;:[0,&quot;productDurableObjects&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Sandboxes&quot;],&quot;description&quot;:[0,&quot;Secure code execution&quot;],&quot;href&quot;:[0,&quot;/products/sandboxes/&quot;],&quot;icon&quot;:[0,&quot;productSandboxes&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,3]}],[0,{&quot;title&quot;:[0,&quot;Workers&quot;],&quot;description&quot;:[0,&quot;Global serverless functions&quot;],&quot;href&quot;:[0,&quot;/products/workers/&quot;],&quot;icon&quot;:[0,&quot;productWorkers&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,4]}],[0,{&quot;title&quot;:[0,&quot;Workers for Platforms&quot;],&quot;description&quot;:[0,&quot;Programmable Platform Solutions&quot;],&quot;href&quot;:[0,&quot;/products/workers-for-platforms/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtbGF5ZXJzLXRocmVlMDEiLCJsYWJlbCI6IkxheWVyc1RocmVlMDEiLCJ2aWV3Qm94IjoiMCAwIDI0IDI0IiwiaW5uZXIiOiI8ZyBmaWxsPVwibm9uZVwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIHN0cm9rZS13aWR0aD1cIjJcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIj48cGF0aCBkPVwibTIgMTIgOS42NDIgNC44MjFjLjEzMS4wNjYuMTk3LjA5OS4yNjYuMTExLjA2LjAxMi4xMjMuMDEyLjE4NCAwIC4wNjktLjAxMi4xMzUtLjA0NS4yNjYtLjExTDIyIDEyTTIgMTdsOS42NDIgNC44MjFjLjEzMS4wNjYuMTk3LjA5OS4yNjYuMTExLjA2LjAxMi4xMjMuMDEyLjE4NCAwIC4wNjktLjAxMi4xMzUtLjA0NS4yNjYtLjExTDIyIDE3TTIgN2w5LjY0Mi00LjgyMWMuMTMxLS4wNjYuMTk3LS4wOTguMjY2LS4xMTFhLjUuNSAwIDAgMSAuMTg0IDBjLjA2OS4wMTMuMTM1LjA0NS4yNjYuMTFMMjIgN2wtOS42NDIgNC44MjFhMS4wMjggMS4wMjggMCAwIDEtLjI2Ni4xMTEuNTAxLjUwMSAwIDAgMS0uMTg0IDBjLS4wNjktLjAxMi0uMTM1LS4wNDUtLjI2Ni0uMTFMMiA3WlwiPjwvcGF0aD48L2c-In0&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,5]}],[0,{&quot;title&quot;:[0,&quot;Workflows&quot;],&quot;description&quot;:[0,&quot;Process orchestration&quot;],&quot;href&quot;:[0,&quot;/products/workflows/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtY3J5cHRvY3VycmVuY3kwNCIsImxhYmVsIjoiQ3J5cHRvY3VycmVuY3kwNCIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJtMiAyIDIgMm0xOC0yLTIgMm0yIDE4LTItMk0yIDIybDItMm0tMi00aDEuNU04IDJ2MS41TTIyIDhoLTEuNU0xNiAyMnYtMS41bTItNC41aDMuNU0xNiAydjRNMiA4aDRtMiAxNHYtNG0zLjQzNC0xMC40MzQtMy44NjggMy44NjhjLS4xOTguMTk4LS4yOTcuMjk3LS4zMzQuNDEyYS41LjUgMCAwIDAgMCAuMzA5Yy4wMzcuMTE0LjEzNi4yMTMuMzM0LjQxbDMuODY4IDMuODdjLjE5OC4xOTcuMjk3LjI5Ni40MTIuMzMzLjEuMDMzLjIwOC4wMzMuMzA5IDAgLjExNC0uMDM3LjIxMy0uMTM2LjQxLS4zMzRsMy44Ny0zLjg2OGMuMTk3LS4xOTguMjk2LS4yOTcuMzMzLS40MTJhLjQ5OS40OTkgMCAwIDAgMC0uMzA5Yy0uMDM3LS4xMTQtLjEzNi0uMjEzLS4zMzQtLjQxbC0zLjg2OC0zLjg3Yy0uMTk4LS4xOTctLjI5Ny0uMjk2LS40MTItLjMzM2EuNS41IDAgMCAwLS4zMDkgMGMtLjExNC4wMzctLjIxMy4xMzYtLjQxLjMzNFpcIj48L3BhdGg-PC9nPiJ9&quot;],&quot;category&quot;:[0,&quot;compute&quot;],&quot;order&quot;:[0,6]}]]]}],[0,{&quot;title&quot;:[0,&quot;Storage&quot;],&quot;variant&quot;:[0,&quot;storage&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Artifacts&quot;],&quot;description&quot;:[0,&quot;Git-native versioned storage&quot;],&quot;href&quot;:[0,&quot;/products/artifacts/&quot;],&quot;icon&quot;:[0,&quot;productArtifacts&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,0]}],[0,{&quot;title&quot;:[0,&quot;D1&quot;],&quot;description&quot;:[0,&quot;Serverless SQL&quot;],&quot;href&quot;:[0,&quot;/products/d1/&quot;],&quot;icon&quot;:[0,&quot;productD1&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,1]}],[0,{&quot;title&quot;:[0,&quot;Data Platform&quot;],&quot;description&quot;:[0,&quot;Ingest, Catalog &amp; Query&quot;],&quot;href&quot;:[0,&quot;/products/data-platform/&quot;],&quot;icon&quot;:[0,&quot;lego&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Hyperdrive&quot;],&quot;description&quot;:[0,&quot;Global databases&quot;],&quot;href&quot;:[0,&quot;/products/hyperdrive/&quot;],&quot;icon&quot;:[0,&quot;productHyperdrive&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,3]}],[0,{&quot;title&quot;:[0,&quot;Queues&quot;],&quot;description&quot;:[0,&quot;Message processing&quot;],&quot;href&quot;:[0,&quot;/products/queues/&quot;],&quot;icon&quot;:[0,&quot;productQueues&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,4]}],[0,{&quot;title&quot;:[0,&quot;R2&quot;],&quot;description&quot;:[0,&quot;Egress-free storage&quot;],&quot;href&quot;:[0,&quot;/products/r2/&quot;],&quot;icon&quot;:[0,&quot;productR2&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,5]}],[0,{&quot;title&quot;:[0,&quot;KV&quot;],&quot;description&quot;:[0,&quot;Ultra-fast key-value storage&quot;],&quot;href&quot;:[0,&quot;/products/kv/&quot;],&quot;icon&quot;:[0,&quot;productKv&quot;],&quot;category&quot;:[0,&quot;storage&quot;],&quot;order&quot;:[0,6]}]]]}],[0,{&quot;title&quot;:[0,&quot;AI&quot;],&quot;variant&quot;:[0,&quot;ai&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Agents&quot;],&quot;description&quot;:[0,&quot;Build stateful AI agents&quot;],&quot;href&quot;:[0,&quot;/products/agents/&quot;],&quot;icon&quot;:[0,&quot;productAgents&quot;],&quot;category&quot;:[0,&quot;ai&quot;],&quot;order&quot;:[0,0]}],[0,{&quot;title&quot;:[0,&quot;AI Gateway&quot;],&quot;description&quot;:[0,&quot;AI observability&quot;],&quot;href&quot;:[0,&quot;/products/ai-gateway/&quot;],&quot;icon&quot;:[0,&quot;productAiGateway&quot;],&quot;category&quot;:[0,&quot;ai&quot;],&quot;order&quot;:[0,1]}],[0,{&quot;title&quot;:[0,&quot;AI Search&quot;],&quot;description&quot;:[0,&quot;Instant retrieval&quot;],&quot;href&quot;:[0,&quot;/products/ai-search/&quot;],&quot;icon&quot;:[0,&quot;productAutoRag&quot;],&quot;category&quot;:[0,&quot;ai&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Vectorize&quot;],&quot;description&quot;:[0,&quot;Vector database&quot;],&quot;href&quot;:[0,&quot;/products/vectorize/&quot;],&quot;icon&quot;:[0,&quot;productVectorize&quot;],&quot;category&quot;:[0,&quot;ai&quot;],&quot;order&quot;:[0,3]}],[0,{&quot;title&quot;:[0,&quot;Workers AI&quot;],&quot;description&quot;:[0,&quot;Edge AI models&quot;],&quot;href&quot;:[0,&quot;/products/workers-ai/&quot;],&quot;icon&quot;:[0,&quot;productWorkersAI&quot;],&quot;category&quot;:[0,&quot;ai&quot;],&quot;order&quot;:[0,4]}]]]}],[0,{&quot;title&quot;:[0,&quot;SASE / Zero Trust&quot;],&quot;variant&quot;:[0,&quot;sase&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;SASE&quot;],&quot;description&quot;:[0,&quot;Cloudflare SASE platform&quot;],&quot;href&quot;:[0,&quot;/sase/&quot;],&quot;icon&quot;:[0,&quot;shieldPlus&quot;],&quot;category&quot;:[0,&quot;sase&quot;]}],[0,{&quot;title&quot;:[0,&quot;Access&quot;],&quot;description&quot;:[0,&quot;Zero trust access to private resources&quot;],&quot;href&quot;:[0,&quot;/products/access/&quot;],&quot;icon&quot;:[0,&quot;user&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0,0]}],[0,{&quot;title&quot;:[0,&quot;CASB&quot;],&quot;description&quot;:[0,&quot;SaaS and cloud posture&quot;],&quot;href&quot;:[0,&quot;/products/casb/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtY2xvdWQtcmFpbmluZzA2IiwibGFiZWwiOiJDbG91ZFJhaW5pbmcwNiIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJNMTMgMjFINm0xMy0zaC05bS0zIDBINW0xMyAzaC0ybS05LTZhNSA1IDAgMSAxIC4xLTkuOTk5IDUuNTAyIDUuNTAyIDAgMCAxIDEwLjE5NSAxLjAwNEE0LjUgNC41IDAgMSAxIDE3LjUgMTVINi45OTlaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0]}],[0,{&quot;title&quot;:[0,&quot;Data Loss Prevention&quot;],&quot;description&quot;:[0,&quot;Protect sensitive data&quot;],&quot;href&quot;:[0,&quot;/products/dlp/&quot;],&quot;icon&quot;:[0,&quot;productDataLossPrevention&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Gateway&quot;],&quot;description&quot;:[0,&quot;Web filtering&quot;],&quot;href&quot;:[0,&quot;/products/gateway/&quot;],&quot;icon&quot;:[0,&quot;productGateway&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Browser Isolation&quot;],&quot;description&quot;:[0,&quot;Secure web browsing&quot;],&quot;href&quot;:[0,&quot;/products/browser-isolation/&quot;],&quot;icon&quot;:[0,&quot;browser&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0,3]}],[0,{&quot;title&quot;:[0,&quot;WAN&quot;],&quot;description&quot;:[0,&quot;Cloud-delivered networking&quot;],&quot;href&quot;:[0,&quot;/products/wan/&quot;],&quot;icon&quot;:[0,&quot;productCloudflareWan&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0,4]}],[0,{&quot;title&quot;:[0,&quot;Email Security&quot;],&quot;description&quot;:[0,&quot;Phishing protection&quot;],&quot;href&quot;:[0,&quot;/products/email-security/&quot;],&quot;icon&quot;:[0,&quot;shieldPlus&quot;],&quot;category&quot;:[0,&quot;sase&quot;],&quot;order&quot;:[0,5]}]]]}],[0,{&quot;title&quot;:[0,&quot;Security&quot;],&quot;variant&quot;:[0,&quot;security&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;DDoS Protection&quot;],&quot;description&quot;:[0,&quot;Mitigation Solutions&quot;],&quot;href&quot;:[0,&quot;/products/ddos/&quot;],&quot;icon&quot;:[0,&quot;productCloudflareNetworkFirewall&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,0]}],[0,{&quot;title&quot;:[0,&quot;Rate Limiting&quot;],&quot;description&quot;:[0,&quot;Abuse prevention&quot;],&quot;href&quot;:[0,&quot;/products/rate-limiting/&quot;],&quot;icon&quot;:[0,&quot;productRateLimiting&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,1]}],[0,{&quot;title&quot;:[0,&quot;SSL&quot;],&quot;description&quot;:[0,&quot;Secure Your Site with SSL&quot;],&quot;href&quot;:[0,&quot;/products/ssl/&quot;],&quot;icon&quot;:[0,&quot;shieldPlus&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Turnstile&quot;],&quot;description&quot;:[0,&quot;A CAPTCHA Replacement Solution&quot;],&quot;href&quot;:[0,&quot;/products/turnstile/&quot;],&quot;icon&quot;:[0,&quot;productTurnstile&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,3]}],[0,{&quot;title&quot;:[0,&quot;WAF&quot;],&quot;description&quot;:[0,&quot;Web Application Firewall&quot;],&quot;href&quot;:[0,&quot;/products/waf/&quot;],&quot;icon&quot;:[0,&quot;productWaf&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,4]}],[0,{&quot;title&quot;:[0,&quot;Magic Transit&quot;],&quot;description&quot;:[0,&quot;DDoS Protection for Networks&quot;],&quot;href&quot;:[0,&quot;/products/magic-transit/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtbWFnaWMtd2FuZDAxIiwibGFiZWwiOiJNYWdpY1dhbmQwMSIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJtMTMgMTQtMy0zbTUuMDEtNy41VjJtMy45NCAzLjA2TDIwLjAxIDRtLTEuMDYgOSAxLjA2IDEuMDZtLTktOUw5Ljk1IDRtMTAuNTYgNWgxLjVNNi4xMzEgMjAuODY5bDkuMjM4LTkuMjM4Yy4zOTYtLjM5Ni41OTQtLjU5NC42NjgtLjgyMmExIDEgMCAwIDAgMC0uNjE4Yy0uMDc0LS4yMjgtLjI3Mi0uNDI2LS42NjgtLjgyMmwtLjczNy0uNzM4Yy0uMzk3LS4zOTYtLjU5NS0uNTk0LS44MjMtLjY2OGExIDEgMCAwIDAtLjYxOCAwYy0uMjI4LjA3NC0uNDI2LjI3Mi0uODIyLjY2OEwzLjEzIDE3Ljg3Yy0uMzk2LjM5Ni0uNTk0LjU5NC0uNjY4LjgyMmExIDEgMCAwIDAgMCAuNjE4Yy4wNzQuMjI4LjI3Mi40MjYuNjY4LjgyMmwuNzM4LjczOGMuMzk2LjM5Ni41OTQuNTk0LjgyMi42NjhhMSAxIDAgMCAwIC42MTggMGMuMjI4LS4wNzQuNDI2LS4yNzIuODIyLS42NjhaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,5]}],[0,{&quot;title&quot;:[0,&quot;Client-Side Security&quot;],&quot;description&quot;:[0,&quot;Prevent browser supply chain attacks&quot;],&quot;href&quot;:[0,&quot;/products/client-side-security/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtYnJvd3NlciIsImxhYmVsIjoiQnJvd3NlciIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJNMjIgOUgybTAtMS4ydjguNGMwIDEuNjggMCAyLjUyLjMyNyAzLjE2MmEzIDMgMCAwIDAgMS4zMTEgMS4zMTFDNC4yOCAyMSA1LjEyIDIxIDYuOCAyMWgxMC40YzEuNjggMCAyLjUyIDAgMy4xNjItLjMyN2EzIDMgMCAwIDAgMS4zMTEtMS4zMTFDMjIgMTguNzIgMjIgMTcuODggMjIgMTYuMlY3LjhjMC0xLjY4IDAtMi41Mi0uMzI3LTMuMTYyYTMgMyAwIDAgMC0xLjMxMS0xLjMxMUMxOS43MiAzIDE4Ljg4IDMgMTcuMiAzSDYuOGMtMS42OCAwLTIuNTIgMC0zLjE2Mi4zMjdhMyAzIDAgMCAwLTEuMzExIDEuMzExQzIgNS4yOCAyIDYuMTIgMiA3LjhaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,6]}],[0,{&quot;title&quot;:[0,&quot;Bot Management&quot;],&quot;description&quot;:[0,&quot;Block bad bots&quot;],&quot;href&quot;:[0,&quot;/products/bot-management/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtZmluZ2VycHJpbnQwMyIsImxhYmVsIjoiRmluZ2VycHJpbnQwMyIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJNOC4xIDIxLjIyMWExMi4xNiAxMi4xNiAwIDAgMS0yLjIwNy03LjAwMiA2LjEwOCA2LjEwOCAwIDAgMSA2LjEwNi02LjExIDYuMTA4IDYuMTA4IDAgMCAxIDYuMTA2IDYuMTFcIj48L3BhdGg-PHBhdGggZD1cIk04LjEgMjEuMjIxYTEyLjE2IDEyLjE2IDAgMCAxLTIuMjA3LTcuMDAyIDYuMTA4IDYuMTA4IDAgMCAxIDYuMTA2LTYuMTEgNi4xMDggNi4xMDggMCAwIDEgNi4xMDYgNi4xMVwiPjwvcGF0aD48cGF0aCBkPVwiTTE4LjQzNiAyMC4zMTJjLS4xMS4wMDYtLjIxOC4wMTYtLjMyOS4wMTZhNi4xMDggNi4xMDggMCAwIDEtNi4xMDYtNi4xMVwiPjwvcGF0aD48cGF0aCBkPVwiTTE4LjQzNiAyMC4zMTJjLS4xMS4wMDYtLjIxOC4wMTYtLjMyOS4wMTZhNi4xMDggNi4xMDggMCAwIDEtNi4xMDYtNi4xMVwiPjwvcGF0aD48cGF0aCBkPVwiTTEzLjI3IDIyYTkuMTU4IDkuMTU4IDAgMCAxLTQuMzIzLTcuNzgxIDMuMDU0IDMuMDU0IDAgMSAxIDYuMTA3IDAgMy4wNTQgMy4wNTQgMCAxIDAgNi4xMDggMGMwLTUuMDYyLTQuMTAyLTkuMTY0LTkuMTYtOS4xNjQtNS4wNTkgMC05LjE2IDQuMTAyLTkuMTYgOS4xNjQgMCAxLjEyOC4xMjYgMi4yMjYuMzU4IDMuMjg2XCI-PC9wYXRoPjxwYXRoIGQ9XCJNMTMuMjcgMjJhOS4xNTggOS4xNTggMCAwIDEtNC4zMjMtNy43ODEgMy4wNTQgMy4wNTQgMCAxIDEgNi4xMDcgMCAzLjA1NCAzLjA1NCAwIDEgMCA2LjEwOCAwYzAtNS4wNjItNC4xMDItOS4xNjQtOS4xNi05LjE2NC01LjA1OSAwLTkuMTYgNC4xMDItOS4xNiA5LjE2NCAwIDEuMTI4LjEyNiAyLjIyNi4zNTggMy4yODZcIj48L3BhdGg-PHBhdGggZD1cIk0yMC41MjYgNS44NjNBMTEuMzI3IDExLjMyNyAwIDAgMCAxMiAyYTExLjMyNyAxMS4zMjcgMCAwIDAtOC41MjUgMy44NjNcIj48L3BhdGg-PHBhdGggZD1cIk0yMC41MjYgNS44NjNBMTEuMzI3IDExLjMyNyAwIDAgMCAxMiAyYTExLjMyNyAxMS4zMjcgMCAwIDAtOC41MjUgMy44NjNcIj48L3BhdGg-PC9nPiJ9&quot;],&quot;category&quot;:[0,&quot;security&quot;],&quot;order&quot;:[0,8]}]]]}],[0,{&quot;title&quot;:[0,&quot;Network &amp; Content Delivery&quot;],&quot;variant&quot;:[0,&quot;network&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;CDN&quot;],&quot;description&quot;:[0,&quot;Faster delivery &amp; caching&quot;],&quot;href&quot;:[0,&quot;/products/cdn/&quot;],&quot;icon&quot;:[0,&quot;productNetwork&quot;],&quot;category&quot;:[0,&quot;network&quot;],&quot;order&quot;:[0,1]}],[0,{&quot;title&quot;:[0,&quot;DNS&quot;],&quot;description&quot;:[0,&quot;Fast DNS&quot;],&quot;href&quot;:[0,&quot;/products/dns/&quot;],&quot;icon&quot;:[0,&quot;productDNS&quot;],&quot;category&quot;:[0,&quot;network&quot;],&quot;order&quot;:[0,2]}],[0,{&quot;title&quot;:[0,&quot;Load Balancing&quot;],&quot;description&quot;:[0,&quot;Zero downtime&quot;],&quot;href&quot;:[0,&quot;/products/load-balancing/&quot;],&quot;icon&quot;:[0,&quot;productLoadBalancing&quot;],&quot;category&quot;:[0,&quot;network&quot;],&quot;order&quot;:[0,3]}],[0,{&quot;title&quot;:[0,&quot;TURN / SFU&quot;],&quot;description&quot;:[0,&quot;Real-time infra&quot;],&quot;href&quot;:[0,&quot;/products/turn-sfu/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtY29kZS1jaXJjbGUwMiIsImxhYmVsIjoiQ29kZUNpcmNsZTAyIiwidmlld0JveCI6IjAgMCAyNCAyNCIsImlubmVyIjoiPGcgZmlsbD1cIm5vbmVcIiBzdHJva2U9XCJjdXJyZW50Q29sb3JcIiBzdHJva2Utd2lkdGg9XCIyXCIgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCI-PHBhdGggZD1cIm0xNCAxNyAzLTMtMy0zbS00LTQtMyAzIDMgM20xMi0xYzAgNS41MjMtNC40NzcgMTAtMTAgMTBTMiAxNy41MjMgMiAxMiA2LjQ3NyAyIDEyIDJzMTAgNC40NzcgMTAgMTBaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;category&quot;:[0,&quot;network&quot;],&quot;order&quot;:[0,5]}],[0,{&quot;title&quot;:[0,&quot;Analytics&quot;],&quot;description&quot;:[0,&quot;Web Performance &amp; Security&quot;],&quot;href&quot;:[0,&quot;/products/analytics/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtYmFyLWxpbmUtY2hhcnQiLCJsYWJlbCI6IkJhckxpbmVDaGFydCIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJNMjAgMjB2LTdtLTggN1YxME00IDIwdi00bTkuNDA3LTEwLjk3MyA1LjE2OCAxLjkzOU0xMC44IDUuNCA1LjIgOS42bTE1Ljg2LTMuMTZhMS41IDEuNSAwIDEgMS0yLjEyMSAyLjEyIDEuNSAxLjUgMCAwIDEgMi4xMjItMi4xMlptLTE2IDNhMS41IDEuNSAwIDEgMS0yLjEyIDIuMTIgMS41IDEuNSAwIDAgMSAyLjEyLTIuMTJabTgtNmExLjUgMS41IDAgMSAxLTIuMTIxIDIuMTIgMS41IDEuNSAwIDAgMSAyLjEyMi0yLjEyWlwiPjwvcGF0aD48L2c-In0&quot;],&quot;category&quot;:[0,&quot;network&quot;],&quot;order&quot;:[0,6]}]]]}]]],&quot;solutions&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;AI&quot;],&quot;description&quot;:[0,&quot;Build intelligent applications with AI at the edge&quot;],&quot;href&quot;:[0,&quot;/solutions/ai/&quot;],&quot;icon&quot;:[0,&quot;productCloudflareAgent&quot;],&quot;order&quot;:[0,0],&quot;metaTitle&quot;:[0,&quot;Cloudflare AI Cloud &quot;]}],[0,{&quot;title&quot;:[0,&quot;AI Security&quot;],&quot;description&quot;:[0,&quot;Secure and control AI adoption without slowing innovation.&quot;],&quot;href&quot;:[0,&quot;/solutions/ai-security/&quot;],&quot;icon&quot;:[0,&quot;aI&quot;],&quot;order&quot;:[0],&quot;metaTitle&quot;:[0,&quot;AI Security&quot;]}],[0,{&quot;title&quot;:[0,&quot;Frontends&quot;],&quot;description&quot;:[0,&quot;Deploy frontend applications globally in seconds&quot;],&quot;href&quot;:[0,&quot;/solutions/frontends/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtbGF5b3V0LWFsdDAxIiwibGFiZWwiOiJMYXlvdXRBbHQwMSIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJNMyA5aDE4TTkgOXYxMk03LjggM2g4LjRjMS42OCAwIDIuNTIgMCAzLjE2Mi4zMjdhMyAzIDAgMCAxIDEuMzExIDEuMzExQzIxIDUuMjggMjEgNi4xMiAyMSA3Ljh2OC40YzAgMS42OCAwIDIuNTItLjMyNyAzLjE2MmEzIDMgMCAwIDEtMS4zMTEgMS4zMTFDMTguNzIgMjEgMTcuODggMjEgMTYuMiAyMUg3LjhjLTEuNjggMC0yLjUyIDAtMy4xNjItLjMyN2EzIDMgMCAwIDEtMS4zMTEtMS4zMTFDMyAxOC43MiAzIDE3Ljg4IDMgMTYuMlY3LjhjMC0xLjY4IDAtMi41Mi4zMjctMy4xNjJhMyAzIDAgMCAxIDEuMzExLTEuMzExQzUuMjggMyA2LjEyIDMgNy44IDNaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;order&quot;:[0,1],&quot;metaTitle&quot;:[0,&quot;Frontend Development Platform&quot;]}],[0,{&quot;title&quot;:[0,&quot;Network&quot;],&quot;description&quot;:[0,&quot;Global network services for performance and reliability&quot;],&quot;href&quot;:[0,&quot;/solutions/network/&quot;],&quot;icon&quot;:[0,&quot;earth&quot;],&quot;order&quot;:[0,2],&quot;metaTitle&quot;:[0,&quot;Global Network Infrastructure&quot;]}],[0,{&quot;title&quot;:[0,&quot;Platforms&quot;],&quot;description&quot;:[0,&quot;Build platforms on Cloudflare&#39;s infrastructure&quot;],&quot;href&quot;:[0,&quot;/solutions/platforms/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtY3ViZTAyIiwibGFiZWwiOiJDdWJlMDIiLCJ2aWV3Qm94IjoiMCAwIDI0IDI0IiwiaW5uZXIiOiI8ZyBmaWxsPVwibm9uZVwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIHN0cm9rZS13aWR0aD1cIjJcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIj48cGF0aCBkPVwiTTEyIDIuNVYxMm0wIDAgOC41LTQuNzIyTTEyIDEyIDMuNSA3LjI3OE0xMiAxMnY5LjVtOC41LTQuNzc4LTcuNzIzLTQuMjljLS4yODQtLjE1OC0uNDI1LS4yMzctLjU3NS0uMjY4YTEuMDAxIDEuMDAxIDAgMCAwLS40MDMgMGMtLjE1LjAzMS0uMjkyLjExLS41NzYuMjY4TDMuNSAxNi43MjJNMjEgMTYuMDZWNy45NDJjMC0uMzQzIDAtLjUxNC0uMDUtLjY2N2ExIDEgMCAwIDAtLjIxNS0uMzY0Yy0uMTA5LS4xMTktLjI1OC0uMjAyLS41NTgtLjM2OGwtNy40LTQuMTExYy0uMjg0LS4xNTgtLjQyNS0uMjM3LS41NzUtLjI2N2ExIDEgMCAwIDAtLjQwMyAwYy0uMTUuMDMtLjI5Mi4xMS0uNTc2LjI2N2wtNy40IDQuMTFjLS4zLjE2Ny0uNDUuMjUtLjU1OC4zNjlhMSAxIDAgMCAwLS4yMTUuMzY0QzMgNy40MjggMyA3LjU5OSAzIDcuOTQydjguMTE3YzAgLjM0MiAwIC41MTQuMDUuNjY2YTEgMSAwIDAgMCAuMjE1LjM2NGMuMTA5LjExOS4yNTguMjAyLjU1OC4zNjhsNy40IDQuMTExYy4yODQuMTU4LjQyNS4yMzcuNTc2LjI2OC4xMzMuMDI3LjI3LjAyNy40MDIgMCAuMTUtLjAzMS4yOTItLjExLjU3Ni0uMjY4bDcuNC00LjExYy4zLS4xNjcuNDUtLjI1LjU1OC0uMzY5YS45OTkuOTk5IDAgMCAwIC4yMTUtLjM2NGMuMDUtLjE1Mi4wNS0uMzI0LjA1LS42NjZaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;order&quot;:[0,3],&quot;metaTitle&quot;:[0,&quot;Multi-Tenant Platform Development&quot;]}],[0,{&quot;title&quot;:[0,&quot;Security&quot;],&quot;description&quot;:[0,&quot;Protect your applications from threats&quot;],&quot;href&quot;:[0,&quot;/solutions/security/&quot;],&quot;icon&quot;:[0,&quot;shieldPlus&quot;],&quot;order&quot;:[0,5],&quot;metaTitle&quot;:[0,&quot;Web Security Platform - WAF, DDoS Protection, Bot Management&quot;]}],[0,{&quot;title&quot;:[0,&quot;Workflows&quot;],&quot;description&quot;:[0,&quot;Orchestrate complex multi-step processes&quot;],&quot;href&quot;:[0,&quot;/solutions/workflows/&quot;],&quot;icon&quot;:[0,&quot;flash&quot;],&quot;order&quot;:[0,6],&quot;metaTitle&quot;:[0,&quot;Durable Workflows - Multi-Step Application Engine&quot;]}]]],&quot;footerSolutions&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;AI&quot;],&quot;description&quot;:[0,&quot;Build intelligent applications with AI at the edge&quot;],&quot;href&quot;:[0,&quot;/solutions/ai/&quot;],&quot;icon&quot;:[0,&quot;productCloudflareAgent&quot;],&quot;order&quot;:[0,0],&quot;metaTitle&quot;:[0,&quot;Cloudflare AI Cloud &quot;]}],[0,{&quot;title&quot;:[0,&quot;AI Security&quot;],&quot;description&quot;:[0,&quot;Secure and control AI adoption without slowing innovation.&quot;],&quot;href&quot;:[0,&quot;/solutions/ai-security/&quot;],&quot;icon&quot;:[0,&quot;aI&quot;],&quot;order&quot;:[0],&quot;metaTitle&quot;:[0,&quot;AI Security&quot;]}],[0,{&quot;title&quot;:[0,&quot;Frontends&quot;],&quot;description&quot;:[0,&quot;Deploy frontend applications globally in seconds&quot;],&quot;href&quot;:[0,&quot;/solutions/frontends/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtbGF5b3V0LWFsdDAxIiwibGFiZWwiOiJMYXlvdXRBbHQwMSIsInZpZXdCb3giOiIwIDAgMjQgMjQiLCJpbm5lciI6IjxnIGZpbGw9XCJub25lXCIgc3Ryb2tlPVwiY3VycmVudENvbG9yXCIgc3Ryb2tlLXdpZHRoPVwiMlwiIHN0cm9rZS1saW5lY2FwPVwicm91bmRcIiBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiPjxwYXRoIGQ9XCJNMyA5aDE4TTkgOXYxMk03LjggM2g4LjRjMS42OCAwIDIuNTIgMCAzLjE2Mi4zMjdhMyAzIDAgMCAxIDEuMzExIDEuMzExQzIxIDUuMjggMjEgNi4xMiAyMSA3Ljh2OC40YzAgMS42OCAwIDIuNTItLjMyNyAzLjE2MmEzIDMgMCAwIDEtMS4zMTEgMS4zMTFDMTguNzIgMjEgMTcuODggMjEgMTYuMiAyMUg3LjhjLTEuNjggMC0yLjUyIDAtMy4xNjItLjMyN2EzIDMgMCAwIDEtMS4zMTEtMS4zMTFDMyAxOC43MiAzIDE3Ljg4IDMgMTYuMlY3LjhjMC0xLjY4IDAtMi41Mi4zMjctMy4xNjJhMyAzIDAgMCAxIDEuMzExLTEuMzExQzUuMjggMyA2LjEyIDMgNy44IDNaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;order&quot;:[0,1],&quot;metaTitle&quot;:[0,&quot;Frontend Development Platform&quot;]}],[0,{&quot;title&quot;:[0,&quot;Platforms&quot;],&quot;description&quot;:[0,&quot;Build platforms on Cloudflare&#39;s infrastructure&quot;],&quot;href&quot;:[0,&quot;/solutions/platforms/&quot;],&quot;icon&quot;:[0,&quot;svg:eyJzbHVnIjoidW50aXRsZWQtY3ViZTAyIiwibGFiZWwiOiJDdWJlMDIiLCJ2aWV3Qm94IjoiMCAwIDI0IDI0IiwiaW5uZXIiOiI8ZyBmaWxsPVwibm9uZVwiIHN0cm9rZT1cImN1cnJlbnRDb2xvclwiIHN0cm9rZS13aWR0aD1cIjJcIiBzdHJva2UtbGluZWNhcD1cInJvdW5kXCIgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIj48cGF0aCBkPVwiTTEyIDIuNVYxMm0wIDAgOC41LTQuNzIyTTEyIDEyIDMuNSA3LjI3OE0xMiAxMnY5LjVtOC41LTQuNzc4LTcuNzIzLTQuMjljLS4yODQtLjE1OC0uNDI1LS4yMzctLjU3NS0uMjY4YTEuMDAxIDEuMDAxIDAgMCAwLS40MDMgMGMtLjE1LjAzMS0uMjkyLjExLS41NzYuMjY4TDMuNSAxNi43MjJNMjEgMTYuMDZWNy45NDJjMC0uMzQzIDAtLjUxNC0uMDUtLjY2N2ExIDEgMCAwIDAtLjIxNS0uMzY0Yy0uMTA5LS4xMTktLjI1OC0uMjAyLS41NTgtLjM2OGwtNy40LTQuMTExYy0uMjg0LS4xNTgtLjQyNS0uMjM3LS41NzUtLjI2N2ExIDEgMCAwIDAtLjQwMyAwYy0uMTUuMDMtLjI5Mi4xMS0uNTc2LjI2N2wtNy40IDQuMTFjLS4zLjE2Ny0uNDUuMjUtLjU1OC4zNjlhMSAxIDAgMCAwLS4yMTUuMzY0QzMgNy40MjggMyA3LjU5OSAzIDcuOTQydjguMTE3YzAgLjM0MiAwIC41MTQuMDUuNjY2YTEgMSAwIDAgMCAuMjE1LjM2NGMuMTA5LjExOS4yNTguMjAyLjU1OC4zNjhsNy40IDQuMTExYy4yODQuMTU4LjQyNS4yMzcuNTc2LjI2OC4xMzMuMDI3LjI3LjAyNy40MDIgMCAuMTUtLjAzMS4yOTItLjExLjU3Ni0uMjY4bDcuNC00LjExYy4zLS4xNjcuNDUtLjI1LjU1OC0uMzY5YS45OTkuOTk5IDAgMCAwIC4yMTUtLjM2NGMuMDUtLjE1Mi4wNS0uMzI0LjA1LS42NjZaXCI-PC9wYXRoPjwvZz4ifQ&quot;],&quot;order&quot;:[0,3],&quot;metaTitle&quot;:[0,&quot;Multi-Tenant Platform Development&quot;]}],[0,{&quot;title&quot;:[0,&quot;Security&quot;],&quot;description&quot;:[0,&quot;Protect your applications from threats&quot;],&quot;href&quot;:[0,&quot;/solutions/security/&quot;],&quot;icon&quot;:[0,&quot;shieldPlus&quot;],&quot;order&quot;:[0,5],&quot;metaTitle&quot;:[0,&quot;Web Security Platform - WAF, DDoS Protection, Bot Management&quot;]}]]],&quot;resources&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Blog&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Blog&quot;],&quot;description&quot;:[0,&quot;News, product updates, and announcements&quot;],&quot;href&quot;:[0,&quot;/blog/&quot;],&quot;icon&quot;:[0,&quot;notificationMessage&quot;]}],[0,{&quot;title&quot;:[0,&quot;Community&quot;],&quot;description&quot;:[0,&quot;Connect with other developers and experts&quot;],&quot;href&quot;:[0,&quot;/community/&quot;],&quot;icon&quot;:[0,&quot;chat&quot;]}],[0,{&quot;title&quot;:[0,&quot;Cloudflare Radar&quot;],&quot;description&quot;:[0,&quot;Internet traffic and security trends&quot;],&quot;href&quot;:[0,&quot;https://radar.cloudflare.com/&quot;],&quot;icon&quot;:[0,&quot;productRadar&quot;]}]]]}],[0,{&quot;title&quot;:[0,&quot;Documentation&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Developer Docs&quot;],&quot;description&quot;:[0,&quot;Guides, references, and tutorials&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/&quot;],&quot;icon&quot;:[0,&quot;bookOpen&quot;]}],[0,{&quot;title&quot;:[0,&quot;API Reference&quot;],&quot;description&quot;:[0,&quot;Cloudflare API documentation&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/api/&quot;],&quot;icon&quot;:[0,&quot;terminal&quot;]}],[0,{&quot;title&quot;:[0,&quot;Case Studies&quot;],&quot;description&quot;:[0,&quot;Customer success stories and results&quot;],&quot;href&quot;:[0,&quot;/case-studies/&quot;],&quot;icon&quot;:[0,&quot;barChartUp&quot;]}]]]}],[0,{&quot;title&quot;:[0,&quot;Learning&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Learning Center&quot;],&quot;description&quot;:[0,&quot;Learn about web technology concepts&quot;],&quot;href&quot;:[0,&quot;/learning/&quot;],&quot;icon&quot;:[0,&quot;course&quot;]}],[0,{&quot;title&quot;:[0,&quot;Reference Architectures&quot;],&quot;description&quot;:[0,&quot;Architecture patterns and best practices&quot;],&quot;href&quot;:[0,&quot;/architecture/&quot;],&quot;icon&quot;:[0,&quot;cubeTarget&quot;]}],[0,{&quot;title&quot;:[0,&quot;Press&quot;],&quot;description&quot;:[0,&quot;Latest news, media resources, and coverage&quot;],&quot;href&quot;:[0,&quot;/press/&quot;],&quot;icon&quot;:[0,&quot;publisher&quot;]}]]]}],[0,{&quot;title&quot;:[0,&quot;Quick Links&quot;],&quot;variant&quot;:[0,&quot;inline&quot;],&quot;links&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Startups&quot;],&quot;href&quot;:[0,&quot;/startups/&quot;]}],[0,{&quot;title&quot;:[0,&quot;Careers&quot;],&quot;href&quot;:[0,&quot;/careers/&quot;]}],[0,{&quot;title&quot;:[0,&quot;Partners&quot;],&quot;href&quot;:[0,&quot;/partners/&quot;]}],[0,{&quot;title&quot;:[0,&quot;Status&quot;],&quot;href&quot;:[0,&quot;https://www.cloudflarestatus.com/&quot;]}],[0,{&quot;title&quot;:[0,&quot;Support&quot;],&quot;href&quot;:[0,&quot;https://support.cloudflare.com/&quot;]}]]]}]]]}],&quot;localeCode&quot;:[0],&quot;variant&quot;:[0,&quot;secondary&quot;]}" ssr client="idle" opts="{&quot;name&quot;:&quot;MobileTrigger&quot;,&quot;value&quot;:true}" await-children><div class="md:hidden" style="opacity:1;transform:none"><a href="https://dash.cloudflare.com/login" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap rounded-full border backdrop-blur-md transition-[scale,translate] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none border-border-100 bg-transparent text-foreground-100 active:scale-[0.98] hover:border-accent-100 hover:bg-accent-200/5 hover:text-accent-100 gap-0.5 !transition-[color,background-color,border-color,transform,translate] duration-200 ease-out hover:!opacity-100 pointer-events-auto px-3 py-2 text-base font-semibold md:text-xs">Login</a></div><div class="md:hidden" style="opacity:1;transform:none"><button data-slot="button" class="relative isolate shrink-0 origin-center gap-2 whitespace-nowrap border font-medium backdrop-blur-md transition-[scale,translate] duration-[0.16s] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none rounded-xl md:rounded-full border-border-100 bg-background-100 text-foreground-100 active:scale-[0.98] hover:border-accent-100/40 hover:before:opacity-[0.08] focus-visible:before:opacity-[0.08] px-4 py-2 pointer-events-auto flex w-10.5 items-center justify-center border-none" type="button" aria-label="Search Cloudflare" data-ai-search-trigger="true" data-nav-search-button="true"><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-6"><path d="m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0Z"></path></svg></button></div><button data-slot="button" class="relative isolate shrink-0 origin-center gap-2 whitespace-nowrap border font-medium backdrop-blur-md transition-[scale,translate] duration-[0.16s] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none rounded-xl md:rounded-full border-border-100 bg-background-100 text-foreground-100 active:scale-[0.98] hover:border-accent-100/40 hover:before:opacity-[0.08] focus-visible:before:opacity-[0.08] px-4 py-2 pointer-events-auto flex w-10.5 items-center justify-center border-none md:hidden" type="button" aria-expanded="false" aria-label="Open menu"><span class="t-icon-swap size-6" data-state="a" aria-hidden="true"><span class="t-icon inline-flex items-center justify-center" data-icon="a"><svg viewBox="0 0 256 256" class="inline-block shrink-0 text-foreground-100 size-6" aria-hidden="true"><use href="/icons.svg#list"></use></svg></span><span class="t-icon inline-flex items-center justify-center" data-icon="b"><svg viewBox="0 0 16 17" class="inline-block shrink-0 text-foreground-100 size-6" aria-hidden="true"><use href="/icons.svg#x"></use></svg></span></span></button><!--astro:end--></astro-island> </div> </div> </div> </header> </div>  <script>
  (function () {
    if (typeof window === 'undefined') return;

    var FADE_DISTANCE = 80;
    var SCROLLED_THRESHOLD = 8;
    var DEEP_SCROLLED_THRESHOLD = 800;

    function applyState() {
      // When a modal/drawer opens, useBodyScrollLock sets
      // `body { position: fixed; top: -Ypx }` which resets window.scrollY to 0.
      // Read the saved scroll offset from body.style.top so the header doesn't
      // flash back to its "at top of page" state while the overlay is open.
      var scrollY = window.scrollY || window.pageYOffset || 0;
      if (scrollY === 0 && document.body.style.position === 'fixed' && document.body.style.top) {
        scrollY = -parseInt(document.body.style.top, 10) || 0;
      }
      var clamped = Math.max(0, Math.min(scrollY, FADE_DISTANCE));
      var progress = clamped / FADE_DISTANCE;
      var uniformOpacity = Math.max(0, 1 - progress);

      // Translate the whole tabs + utility groups together so they read as
      // one continuous bar moving up.
      var groups = document.querySelectorAll('[data-nav-scroll-tabs], [data-nav-scroll-utility]');
      for (var i = 0; i < groups.length; i++) {
        var el = groups[i];
        el.style.transform = 'translateY(' + -clamped + 'px)';
        el.style.pointerEvents = progress > 0.5 ? 'none' : '';
      }

      // Both tabs and the utility row (Under Attack + Login) fade
      // together as one continuous bar.
      var tabsWrapper = document.querySelector('[data-nav-scroll-tabs]');
      if (tabsWrapper) {
        tabsWrapper.style.opacity = String(uniformOpacity);
      }
      var utilityWrapper = document.querySelector('[data-nav-scroll-utility]');
      if (utilityWrapper) {
        utilityWrapper.style.opacity = String(uniformOpacity);
      }

      document.documentElement.toggleAttribute('data-nav-scrolled', scrollY > SCROLLED_THRESHOLD);

      // Deep scroll — used to show the Start Building CTA after the
      // user scrolls past the hero section.
      document.documentElement.toggleAttribute(
        'data-nav-deep-scrolled',
        scrollY > DEEP_SCROLLED_THRESHOLD,
      );
    }

    if (window.__navScrollSyncInitialized) {
      applyState();
      return;
    }
    window.__navScrollSyncInitialized = true;

    var ticking = false;
    function requestUpdate() {
      if (ticking) return;
      ticking = true;
      window.requestAnimationFrame(function () {
        ticking = false;
        applyState();
      });
    }

    applyState();
    window.addEventListener('scroll', requestUpdate, { passive: true });
    window.addEventListener('resize', requestUpdate);
    window.addEventListener('load', requestUpdate);
    document.addEventListener('astro:page-load', requestUpdate);

    document.addEventListener('astro:before-swap', function cleanup() {
      window.removeEventListener('scroll', requestUpdate);
      window.removeEventListener('resize', requestUpdate);
      window.removeEventListener('load', requestUpdate);
      document.removeEventListener('astro:page-load', requestUpdate);
      window.__navScrollSyncInitialized = false;
      document.removeEventListener('astro:before-swap', cleanup);
    });
  })();

  (function () {
    if (typeof window === 'undefined') return;
    if (window.__navStateChangeInitialized) return;
    window.__navStateChangeInitialized = true;

    var logoButton = document.getElementById('nav-logo-button');
    var actionButtons = document.getElementById('nav-action-buttons');

    if (!logoButton || !actionButtons) return;

    function handleNavStateChange(event) {
      var selectedNav = event.detail && event.detail.selectedNav;
      var isMenuOpen =
        selectedNav === 'products' || selectedNav === 'solutions' || selectedNav === 'resources';

      if (isMenuOpen) {
        logoButton.style.opacity = '1';
        logoButton.style.filter = 'blur(0px)';
        actionButtons.style.filter = 'blur(0px)';
      } else {
        logoButton.style.opacity = '1';
        logoButton.style.filter = 'none';
        actionButtons.style.filter = 'none';
      }
    }

    window.addEventListener('navStateChange', handleNavStateChange);

    document.addEventListener('astro:before-swap', function cleanup() {
      window.removeEventListener('navStateChange', handleNavStateChange);
      window.__navStateChangeInitialized = false;
      document.removeEventListener('astro:before-swap', cleanup);
    });
  })();
</script> <main id="main-content" class="relative w-full max-w-full overflow-x-clip" tabindex="-1"> <div class="gap-section flex flex-col">  <script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();</script><astro-island uid="1JwiDz" prefix="r2" component-url="/_astro/_cms-edit-mode.BCAdcyxE.js" component-export="CMSEditMode" renderer-url="/_astro/client.Bi_EZCi7.js" props="{}" ssr client="load" opts="{&quot;name&quot;:&quot;CMSEditMode&quot;,&quot;value&quot;:true}"></astro-island> <astro-island uid="2tbDY2" prefix="r3" component-url="/_astro/_pricing-section.Do4AvYtr.js" component-export="PricingSection" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;title&quot;:[0,&quot;Scale predictably&quot;],&quot;subtitle&quot;:[0,&quot;Pay only for what you use. Simple, transparent pricing for all Cloudflare products&quot;],&quot;platformTabs&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Network &amp; CDN&quot;],&quot;subtitle&quot;:[0,&quot;CDN, security, and performance&quot;],&quot;icon&quot;:[0,&quot;globePin&quot;],&quot;slug&quot;:[0,&quot;application-services&quot;]}],[0,{&quot;title&quot;:[0,&quot;SASE / Zero Trust&quot;],&quot;subtitle&quot;:[0,&quot;Employees, apps, email, and data&quot;],&quot;icon&quot;:[0,&quot;passwordLock&quot;],&quot;slug&quot;:[0,&quot;sase&quot;]}],[0,{&quot;title&quot;:[0,&quot;Compute &amp; Storage&quot;],&quot;subtitle&quot;:[0,&quot;Serverless apps, data, AI, and observability&quot;],&quot;icon&quot;:[0,&quot;flash&quot;],&quot;slug&quot;:[0,&quot;developer-platform&quot;]}]]],&quot;appServicesData&quot;:[0,{&quot;tiers&quot;:[1,[[0,{&quot;slug&quot;:[0,&quot;free&quot;],&quot;name&quot;:[0,&quot;Free&quot;],&quot;description&quot;:[0,&quot;For personal or hobby projects that aren&#39;t business-critical.&quot;],&quot;price&quot;:[0,&quot;$0&quot;],&quot;billing&quot;:[0,&quot;/month&quot;],&quot;cta&quot;:[0,&quot;Get started&quot;],&quot;ctaHref&quot;:[0,&quot;https://dash.cloudflare.com/sign-up&quot;]}],[0,{&quot;slug&quot;:[0,&quot;pro&quot;],&quot;name&quot;:[0,&quot;Pro&quot;],&quot;description&quot;:[0,&quot;For professional websites that aren&#39;t business-critical.&quot;],&quot;price&quot;:[0,&quot;$20&quot;],&quot;billing&quot;:[0,&quot;/mo billed annually, or $25/mo billed monthly&quot;],&quot;cta&quot;:[0,&quot;Get started&quot;],&quot;ctaHref&quot;:[0,&quot;https://dash.cloudflare.com/sign-up?pt=p&quot;]}],[0,{&quot;slug&quot;:[0,&quot;business&quot;],&quot;name&quot;:[0,&quot;Business&quot;],&quot;description&quot;:[0,&quot;For small businesses operating online.&quot;],&quot;price&quot;:[0,&quot;$200&quot;],&quot;billing&quot;:[0,&quot;/mo billed annually, or $250/mo billed monthly&quot;],&quot;cta&quot;:[0,&quot;Get started&quot;],&quot;ctaHref&quot;:[0,&quot;https://dash.cloudflare.com/sign-up?pt=b&quot;],&quot;highlighted&quot;:[0,true]}],[0,{&quot;slug&quot;:[0,&quot;contract&quot;],&quot;name&quot;:[0,&quot;Contract&quot;],&quot;description&quot;:[0,&quot;For mission-critical applications that are core to your business.&quot;],&quot;price&quot;:[0,&quot;Custom&quot;],&quot;billing&quot;:[0,&quot;Billed annually&quot;],&quot;cta&quot;:[0,&quot;See plans&quot;],&quot;ctaHref&quot;:[0,&quot;https://www.cloudflare.com/plans/enterprise/&quot;]}]]],&quot;featureGroups&quot;:[1,[[0,{&quot;groupName&quot;:[0,&quot;Core Features&quot;],&quot;rows&quot;:[1,[[0,{&quot;feature&quot;:[0,&quot;Fast, Easy-to-use DNS&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;pro&quot;:[0,true],&quot;business&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;Unmetered DDoS Protection&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;pro&quot;:[0,true],&quot;business&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;CDN&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;pro&quot;:[0,true],&quot;business&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;Universal SSL Certificate&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;pro&quot;:[0,true],&quot;business&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;Free Managed Ruleset&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;pro&quot;:[0,true],&quot;business&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;Web Application Firewall (WAF)&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;pro&quot;:[0,true],&quot;business&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;Lossless Image Optimization&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,false],&quot;pro&quot;:[0,true],&quot;business&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;Accelerated Mobile Pages (AMP)&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,false],&quot;pro&quot;:[0,true],&quot;business&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;PCI DSS 4.0 Compliance&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,false],&quot;pro&quot;:[0,false],&quot;business&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;Uptime SLA&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,false],&quot;pro&quot;:[0,false],&quot;business&quot;:[0,&quot;100%&quot;],&quot;contract&quot;:[0,&quot;100%&quot;]}]}],[0,{&quot;feature&quot;:[0,&quot;Uptime Service Credits&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,false],&quot;pro&quot;:[0,false],&quot;business&quot;:[0,&quot;1x&quot;],&quot;contract&quot;:[0,&quot;10x (Standard); 25x (Premium)&quot;]}]}],[0,{&quot;feature&quot;:[0,&quot;Single-Sign-On (SSO) Support&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;pro&quot;:[0,true],&quot;business&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;Network Prioritization&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,false],&quot;pro&quot;:[0,false],&quot;business&quot;:[0,false],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;Role-based Account Control&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;pro&quot;:[0,true],&quot;business&quot;:[0,true],&quot;contract&quot;:[0,true]}]}]]]}],[0,{&quot;groupName&quot;:[0,&quot;Support&quot;],&quot;rows&quot;:[1,[[0,{&quot;feature&quot;:[0,&quot;Support Options&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,&quot;Community forums + docs&quot;],&quot;pro&quot;:[0,&quot;Tickets + Community Forums&quot;],&quot;business&quot;:[0,&quot;Tickets + Chat + Community Forums&quot;],&quot;contract&quot;:[0,&quot;24x7x365 Tickets + Chat + Phone + Community Forums&quot;]}]}]]]}],[0,{&quot;groupName&quot;:[0,&quot;Rules &amp; Routing&quot;],&quot;rows&quot;:[1,[[0,{&quot;feature&quot;:[0,&quot;Cloudflare Rules&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,&quot;70 rules + 10K Bulk Redirects&quot;],&quot;pro&quot;:[0,&quot;225 rules + 25K Bulk Redirects&quot;],&quot;business&quot;:[0,&quot;450 rules + 50K Bulk Redirects&quot;],&quot;contract&quot;:[0,&quot;2,700 rules + 1M Bulk Redirects&quot;]}]}]]]}],[0,{&quot;groupName&quot;:[0,&quot;Security&quot;],&quot;rows&quot;:[1,[[0,{&quot;feature&quot;:[0,&quot;Bot Mitigation&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,&quot;Simple bots&quot;],&quot;pro&quot;:[0,&quot;Easy-to-detect bots&quot;],&quot;business&quot;:[0,&quot;Sophisticated bots + basic bot analytics&quot;],&quot;contract&quot;:[0,&quot;All bots, anomaly detection, custom CAPTCHAs, advanced bot analytics&quot;]}]}],[0,{&quot;feature&quot;:[0,&quot;API Schema Validation&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,&quot;Up to 5 schemas&quot;],&quot;pro&quot;:[0,&quot;Up to 5 schemas&quot;],&quot;business&quot;:[0,&quot;Up to 10 schemas&quot;],&quot;contract&quot;:[0,&quot;10+ schemas&quot;]}]}],[0,{&quot;feature&quot;:[0,&quot;API Shield&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,false],&quot;pro&quot;:[0,false],&quot;business&quot;:[0,false],&quot;contract&quot;:[0,&quot;Custom Pricing&quot;]}]}],[0,{&quot;feature&quot;:[0,&quot;Client-Side Security&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,&quot;Script monitoring&quot;],&quot;pro&quot;:[0,&quot;Script monitoring&quot;],&quot;business&quot;:[0,&quot;Additional resource monitoring + alerts&quot;],&quot;contract&quot;:[0,&quot;Malicious resource detection, code change alerts, positive blocking&quot;]}]}],[0,{&quot;feature&quot;:[0,&quot;AI Security for Apps&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,false],&quot;pro&quot;:[0,false],&quot;business&quot;:[0,false],&quot;contract&quot;:[0,&quot;Custom Pricing&quot;]}]}],[0,{&quot;feature&quot;:[0,&quot;L3 Network DDoS (Magic Transit)&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,false],&quot;pro&quot;:[0,false],&quot;business&quot;:[0,false],&quot;contract&quot;:[0,&quot;Custom Pricing&quot;]}]}],[0,{&quot;feature&quot;:[0,&quot;China Network Access&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,false],&quot;pro&quot;:[0,false],&quot;business&quot;:[0,false],&quot;contract&quot;:[0,&quot;Custom Pricing&quot;]}]}]]]}],[0,{&quot;groupName&quot;:[0,&quot;Platform&quot;],&quot;rows&quot;:[1,[[0,{&quot;feature&quot;:[0,&quot;Cloudflare for SaaS&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,&quot;&lt;100 hostnames free, $0.10/additional&quot;],&quot;pro&quot;:[0,&quot;&lt;100 hostnames free, $0.10/additional&quot;],&quot;business&quot;:[0,&quot;&lt;100 hostnames free, $0.10/additional&quot;],&quot;contract&quot;:[0,&quot;Custom Pricing&quot;]}]}]]]}]]],&quot;addOnsTitle&quot;:[0,&quot;Get more from Cloudflare&quot;],&quot;addOnsDescription&quot;:[0,&quot;Take your performance and security even further with Cloudflare&#39;s paid add-ons.&quot;],&quot;addOnCategories&quot;:[1,[[0,{&quot;slug&quot;:[0,&quot;performance&quot;],&quot;label&quot;:[0,&quot;Performance&quot;],&quot;addOns&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Smart Shield + Argo Smart Routing&quot;],&quot;description&quot;:[0,&quot;Optimized routes across the Cloudflare network for faster, more reliable, secure responses. Includes Smart Routing and Tiered Caching.&quot;],&quot;price&quot;:[0,&quot;Starting at $5/mo&quot;],&quot;href&quot;:[0,&quot;https://www.cloudflare.com/products/argo-smart-routing/&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;]}],[0,{&quot;name&quot;:[0,&quot;Load Balancing&quot;],&quot;description&quot;:[0,&quot;Local and global traffic load balancing, geographic routing, health checks, and failover for continuous availability.&quot;],&quot;price&quot;:[0,&quot;Starting at $5/mo&quot;],&quot;href&quot;:[0,&quot;https://www.cloudflare.com/load-balancing/&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;]}],[0,{&quot;name&quot;:[0,&quot;Stream&quot;],&quot;description&quot;:[0,&quot;Video storage, encoding, and playback. Pro and Business plans get 100 free minutes of video stored and 10,000 minutes of delivery.&quot;],&quot;price&quot;:[0,&quot;Starting at $5/mo&quot;],&quot;href&quot;:[0,&quot;https://www.cloudflare.com/products/cloudflare-stream/&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;]}],[0,{&quot;name&quot;:[0,&quot;Automatic Platform Optimization (APO)&quot;],&quot;description&quot;:[0,&quot;WordPress optimization with CDN, intelligent caching, and other key optimizations. Go up to 300% faster.&quot;],&quot;price&quot;:[0,&quot;$5/mo (Free plan); included with Pro/Biz/Ent&quot;],&quot;href&quot;:[0,&quot;https://www.cloudflare.com/automatic-platform-optimization/wordpress/&quot;],&quot;ctaText&quot;:[0,&quot;Speed Up My Site&quot;]}],[0,{&quot;name&quot;:[0,&quot;Cache Reserve&quot;],&quot;description&quot;:[0,&quot;Persistent object storage for cache, eliminates egress costs while saving your origin servers from unnecessary requests.&quot;],&quot;price&quot;:[0,&quot;Usage-based&quot;],&quot;href&quot;:[0,&quot;https://www.cloudflare.com/products/cache-reserve/&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;]}],[0,{&quot;name&quot;:[0,&quot;Log Explorer&quot;],&quot;description&quot;:[0,&quot;Meet log retention requirements, quickly detect security and performance issues, investigate root cause, and mitigate impact.&quot;],&quot;price&quot;:[0,&quot;$1/GB ingested; first 10 GB free&quot;],&quot;href&quot;:[0,&quot;https://www.cloudflare.com/products/log-explorer/&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;]}]]]}],[0,{&quot;slug&quot;:[0,&quot;security&quot;],&quot;label&quot;:[0,&quot;Security&quot;],&quot;addOns&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Advanced Certificate Manager&quot;],&quot;description&quot;:[0,&quot;Flexible certificate issuance and management for your domains.&quot;],&quot;price&quot;:[0,&quot;$10/mo&quot;],&quot;href&quot;:[0,&quot;https://www.cloudflare.com/ssl/&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;]}],[0,{&quot;name&quot;:[0,&quot;Client-Side Security&quot;],&quot;description&quot;:[0,&quot;Defend against client-side attacks on JavaScript dependencies.&quot;],&quot;price&quot;:[0,&quot;$0.099/1k requests&quot;],&quot;href&quot;:[0,&quot;https://www.cloudflare.com/client-side-security/&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;]}],[0,{&quot;name&quot;:[0,&quot;Log Explorer&quot;],&quot;description&quot;:[0,&quot;Log retention, security and performance issue detection, and root cause investigation.&quot;],&quot;price&quot;:[0,&quot;$1/GB ingested; first 10 GB free&quot;],&quot;href&quot;:[0,&quot;https://www.cloudflare.com/products/log-explorer/&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;]}]]]}],[0,{&quot;slug&quot;:[0,&quot;reliability&quot;],&quot;label&quot;:[0,&quot;Reliability&quot;],&quot;addOns&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Cloudflare Registrar&quot;],&quot;description&quot;:[0,&quot;At-cost domain registration with no markup pricing.&quot;],&quot;price&quot;:[0,&quot;Starting at $7.85&quot;],&quot;href&quot;:[0,&quot;https://www.cloudflare.com/products/registrar/&quot;],&quot;ctaText&quot;:[0,&quot;Register&quot;]}]]]}],[0,{&quot;slug&quot;:[0,&quot;serverless&quot;],&quot;label&quot;:[0,&quot;Serverless&quot;],&quot;addOns&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Workers&quot;],&quot;description&quot;:[0,&quot;Deploy serverless code in JavaScript, Rust, C, and C++ at the edge.&quot;],&quot;price&quot;:[0,&quot;Free to try&quot;],&quot;href&quot;:[0,&quot;https://www.cloudflare.com/developer-platform/workers/&quot;],&quot;ctaText&quot;:[0,&quot;Get started&quot;]}]]]}]]],&quot;addOns&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Smart Shield + Argo Smart Routing&quot;],&quot;description&quot;:[0,&quot;Optimized routes across the Cloudflare network for faster, more reliable, secure responses. Includes Smart Routing and Tiered Caching.&quot;],&quot;price&quot;:[0,&quot;Starting at $5/mo&quot;],&quot;href&quot;:[0,&quot;/products/argo-smart-routing/&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;],&quot;id&quot;:[0,&quot;row-0&quot;]}],[0,{&quot;href&quot;:[0,&quot;https://www.cloudflare.com/products/load-balancing/&quot;],&quot;name&quot;:[0,&quot;Load Balancing&quot;],&quot;description&quot;:[0,&quot;Local and global traffic load balancing, geographic routing, health checks, and failover for continuous availability.&quot;],&quot;price&quot;:[0,&quot;Starting at $5/mo&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;],&quot;id&quot;:[0,&quot;row-1&quot;]}],[0,{&quot;name&quot;:[0,&quot;Stream&quot;],&quot;description&quot;:[0,&quot;Video storage, encoding, and playback. Pro and Business plans get 100 free minutes of video stored and 10,000 minutes of delivery.&quot;],&quot;price&quot;:[0,&quot;Starting at $5/mo&quot;],&quot;href&quot;:[0,&quot;/products/cloudflare-stream/&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;],&quot;id&quot;:[0,&quot;row-2&quot;]}],[0,{&quot;href&quot;:[0,&quot;https://cloudflare.com/products/automatic-platform-optimization&quot;],&quot;name&quot;:[0,&quot;Automatic Platform Optimization (APO)&quot;],&quot;description&quot;:[0,&quot;WordPress optimization with CDN, intelligent caching, and other key optimizations. Go up to 300% faster.&quot;],&quot;price&quot;:[0,&quot;$5/mo (Free plan); included with Pro/Biz/Ent&quot;],&quot;ctaText&quot;:[0,&quot;Speed Up My Site&quot;],&quot;id&quot;:[0,&quot;row-3&quot;]}],[0,{&quot;name&quot;:[0,&quot;Cache Reserve&quot;],&quot;description&quot;:[0,&quot;Persistent object storage for cache, eliminates egress costs while saving your origin servers from unnecessary requests.&quot;],&quot;price&quot;:[0,&quot;Usage-based&quot;],&quot;href&quot;:[0,&quot;/products/cache-reserve/&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;],&quot;id&quot;:[0,&quot;row-4&quot;]}],[0,{&quot;name&quot;:[0,&quot;Log Explorer&quot;],&quot;description&quot;:[0,&quot;Meet log retention requirements, quickly detect security and performance issues, investigate root cause, and mitigate impact.&quot;],&quot;price&quot;:[0,&quot;$1/GB ingested; first 10 GB free&quot;],&quot;href&quot;:[0,&quot;/products/log-explorer/&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;],&quot;id&quot;:[0,&quot;row-5&quot;]}],[0,{&quot;href&quot;:[0,&quot;https://www.cloudflare.com/products/ssl/&quot;],&quot;name&quot;:[0,&quot;Advanced Certificate Manager&quot;],&quot;description&quot;:[0,&quot;Flexible certificate issuance and management for your domains.&quot;],&quot;price&quot;:[0,&quot;$10/mo&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;],&quot;id&quot;:[0,&quot;row-6&quot;]}],[0,{&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/client-side-security/?_gl=1*8j935e*_gcl_au*NDQyNDc1NDY4LjE3Nzg2MTc4MDU.*_ga*NWY2ZmU5NTQtMjFkMi00NmEyLTg5OTMtMWU2ZjRmOGU3ODZi*_ga_SQCRB0TXZW*czE3Nzg2ODMzODgkbzIkZzAkdDE3Nzg2ODMzODgkajYwJGwwJGgw&quot;],&quot;name&quot;:[0,&quot;Client-Side Security&quot;],&quot;description&quot;:[0,&quot;Defend against client-side attacks on JavaScript dependencies.&quot;],&quot;price&quot;:[0,&quot;$0.099/1k requests&quot;],&quot;ctaText&quot;:[0,&quot;Activate&quot;],&quot;id&quot;:[0,&quot;row-7&quot;]}],[0,{&quot;name&quot;:[0,&quot;Cloudflare Registrar&quot;],&quot;description&quot;:[0,&quot;At-cost domain registration with no markup pricing.&quot;],&quot;price&quot;:[0,&quot;Starting at $7.85&quot;],&quot;href&quot;:[0,&quot;/products/registrar/&quot;],&quot;ctaText&quot;:[0,&quot;Register&quot;],&quot;id&quot;:[0,&quot;row-9&quot;]}],[0,{&quot;name&quot;:[0,&quot;Workers&quot;],&quot;description&quot;:[0,&quot;Deploy serverless code in JavaScript, Rust, C, and C++ at the edge.&quot;],&quot;price&quot;:[0,&quot;Free to try&quot;],&quot;href&quot;:[0,&quot;/developer-platform/workers/&quot;],&quot;ctaText&quot;:[0,&quot;Get started&quot;],&quot;id&quot;:[0,&quot;row-10&quot;]}]]]}],&quot;saseData&quot;:[0,{&quot;tiers&quot;:[1,[[0,{&quot;slug&quot;:[0,&quot;free&quot;],&quot;name&quot;:[0,&quot;Free&quot;],&quot;description&quot;:[0,&quot;Teams under 50 users or enterprise proof-of-concept tests.&quot;],&quot;price&quot;:[0,&quot;$0&quot;],&quot;billing&quot;:[0,&quot;forever&quot;],&quot;cta&quot;:[0,&quot;Get started&quot;],&quot;ctaHref&quot;:[0,&quot;https://dash.cloudflare.com/sign-up/teams&quot;]}],[0,{&quot;slug&quot;:[0,&quot;paygo&quot;],&quot;name&quot;:[0,&quot;Pay-as-you-go&quot;],&quot;description&quot;:[0,&quot;Teams over 50 solving narrow SSE use cases without enterprise support.&quot;],&quot;price&quot;:[0,&quot;$7&quot;],&quot;billing&quot;:[0,&quot;/user/month&quot;],&quot;cta&quot;:[0,&quot;Get started&quot;],&quot;ctaHref&quot;:[0,&quot;https://dash.cloudflare.com/sign-up/teams&quot;],&quot;highlighted&quot;:[0,true]}],[0,{&quot;slug&quot;:[0,&quot;contract&quot;],&quot;name&quot;:[0,&quot;Contract&quot;],&quot;description&quot;:[0,&quot;Organizations building toward full-featured SASE or workspace security.&quot;],&quot;price&quot;:[0,&quot;Custom&quot;],&quot;billing&quot;:[0,&quot;Annual price per user&quot;],&quot;cta&quot;:[0,&quot;See packages&quot;],&quot;ctaHref&quot;:[0,&quot;https://www.cloudflare.com/plans/enterprise/interna/&quot;]}]]],&quot;featureGroups&quot;:[1,[[0,{&quot;groupName&quot;:[0,&quot;Usage &amp; Support&quot;],&quot;rows&quot;:[1,[[0,{&quot;feature&quot;:[0,&quot;User Limit&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,&quot;50 users&quot;],&quot;paygo&quot;:[0,&quot;No limit&quot;],&quot;contract&quot;:[0,&quot;No limit&quot;]}],&quot;id&quot;:[0,&quot;row-0&quot;]}],[0,{&quot;feature&quot;:[0,&quot;Support&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,&quot;Community forums + Discord&quot;],&quot;paygo&quot;:[0,&quot;Chat and ticket support&quot;],&quot;contract&quot;:[0,&quot;Phone, chat, ticket; professional services available (add-on)&quot;]}],&quot;id&quot;:[0,&quot;row-2&quot;]}],[0,{&quot;feature&quot;:[0,&quot;Standard Log Retention&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,&quot;Up to 24 hours&quot;],&quot;paygo&quot;:[0,&quot;Up to 30 days&quot;],&quot;contract&quot;:[0,&quot;Up to 6 months; Logpush to SIEM/cloud storage&quot;]}],&quot;id&quot;:[0,&quot;row-3&quot;]}]]]}],[0,{&quot;groupName&quot;:[0,&quot;Connectivity&quot;],&quot;rows&quot;:[1,[[0,{&quot;feature&quot;:[0,&quot;Application Connector Software&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;paygo&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;Device Client (Agent) Software&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;paygo&quot;:[0,true],&quot;contract&quot;:[0,true]}]}]]]}],[0,{&quot;groupName&quot;:[0,&quot;Core Security&quot;],&quot;rows&quot;:[1,[[0,{&quot;feature&quot;:[0,&quot;Zero Trust Network Access (ZTNA)&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;paygo&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;Secure Web Gateway (SWG)&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;paygo&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;Digital Experience Monitoring (DEX)&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;paygo&quot;:[0,true],&quot;contract&quot;:[0,true]}]}],[0,{&quot;feature&quot;:[0,&quot;Network Flow Monitoring&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,true],&quot;paygo&quot;:[0,true],&quot;contract&quot;:[0,true]}]}]]]}],[0,{&quot;groupName&quot;:[0,&quot;Advanced Security&quot;],&quot;rows&quot;:[1,[[0,{&quot;feature&quot;:[0,&quot;Cloud Access Security Broker (CASB)&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,&quot;Up to 2 read-only API integrations&quot;],&quot;paygo&quot;:[0,&quot;Up to 2 read-only API integrations&quot;],&quot;contract&quot;:[0,&quot;Unlimited out-of-band integrations (add-on)&quot;]}]}],[0,{&quot;feature&quot;:[0,&quot;Data Loss Prevention (DLP)&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,&quot;Limited predefined profiles&quot;],&quot;paygo&quot;:[0,&quot;Limited predefined profiles&quot;],&quot;contract&quot;:[0,&quot;Full-featured (add-on)&quot;]}]}],[0,{&quot;feature&quot;:[0,&quot;Log Explorer&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,&quot;Add-on&quot;],&quot;paygo&quot;:[0,&quot;Add-on&quot;],&quot;contract&quot;:[0,&quot;Add-on&quot;]}]}],[0,{&quot;feature&quot;:[0,&quot;Remote Browser Isolation (RBI)&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,false],&quot;paygo&quot;:[0,&quot;Add-on&quot;],&quot;contract&quot;:[0,&quot;Add-on&quot;]}]}],[0,{&quot;feature&quot;:[0,&quot;Email Security&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,false],&quot;paygo&quot;:[0,false],&quot;contract&quot;:[0,&quot;Add-on&quot;]}]}],[0,{&quot;feature&quot;:[0,&quot;Network Services for SASE&quot;],&quot;values&quot;:[0,{&quot;free&quot;:[0,false],&quot;paygo&quot;:[0,false],&quot;contract&quot;:[0,&quot;Add-on&quot;]}]}]]]}]]]}],&quot;devPlatformCategories&quot;:[1,[[0,{&quot;slug&quot;:[0,&quot;compute&quot;],&quot;title&quot;:[0,&quot;Compute&quot;],&quot;services&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Workers&quot;],&quot;description&quot;:[0,&quot;Serverless functions that run everywhere, instantly&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/workers/&quot;],&quot;icon&quot;:[0,&quot;workers&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Requests&quot;],&quot;free&quot;:[0,&quot;100k / day&quot;],&quot;price&quot;:[0,&quot;$0.30 / million requests&quot;]}],[0,{&quot;name&quot;:[0,&quot;CPU Time&quot;],&quot;free&quot;:[0,&quot;10 ms / request&quot;],&quot;price&quot;:[0,&quot;$0.02 / million CPU ms&quot;]}]]],&quot;id&quot;:[0,&quot;row-0&quot;]}],[0,{&quot;name&quot;:[0,&quot;Containers&quot;],&quot;description&quot;:[0,&quot;Run any language in secure, global containers (also applies to Sandboxes)&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/containers/&quot;],&quot;icon&quot;:[0,&quot;containers&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Memory&quot;],&quot;free&quot;:[0,&quot;25 GiB-hrs included&quot;],&quot;price&quot;:[0,&quot;$0.0000025 / GiB-second&quot;]}],[0,{&quot;name&quot;:[0,&quot;CPU&quot;],&quot;free&quot;:[0,&quot;375 vCPU-min included&quot;],&quot;price&quot;:[0,&quot;$0.000020 / vCPU-second&quot;]}],[0,{&quot;name&quot;:[0,&quot;Disk&quot;],&quot;free&quot;:[0,&quot;200 GB-hrs included&quot;],&quot;price&quot;:[0,&quot;$0.00000007 / GB-second&quot;]}],[0,{&quot;name&quot;:[0,&quot;Network Egress (NA/EU)&quot;],&quot;free&quot;:[0,&quot;1 TB included&quot;],&quot;price&quot;:[0,&quot;$0.025 / GB&quot;]}]]],&quot;id&quot;:[0,&quot;row-1&quot;]}],[0,{&quot;name&quot;:[0,&quot;Workers for Platforms&quot;],&quot;description&quot;:[0,&quot;Deploy Workers on behalf of your customers&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/cloudflare-for-platforms/workers-for-platforms/&quot;],&quot;icon&quot;:[0,&quot;workers&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Requests&quot;],&quot;price&quot;:[0,&quot;$0.30 / million requests&quot;]}],[0,{&quot;name&quot;:[0,&quot;CPU Time&quot;],&quot;price&quot;:[0,&quot;$0.02 / million CPU ms&quot;]}],[0,{&quot;name&quot;:[0,&quot;Scripts Deployed&quot;],&quot;price&quot;:[0,&quot;$0.02 / script&quot;]}]]],&quot;id&quot;:[0,&quot;row-2&quot;]}],[0,{&quot;name&quot;:[0,&quot;Durable Objects&quot;],&quot;description&quot;:[0,&quot;Stateful compute for real-time coordination&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/durable-objects/&quot;],&quot;icon&quot;:[0,&quot;durable&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Requests&quot;],&quot;free&quot;:[0,&quot;100,000 requests / day&quot;],&quot;price&quot;:[0,&quot;$0.15 / million requests&quot;]}],[0,{&quot;name&quot;:[0,&quot;Duration&quot;],&quot;free&quot;:[0,&quot;13,000 GB-s / day&quot;],&quot;price&quot;:[0,&quot;$12.50 / million GB-s&quot;]}],[0,{&quot;name&quot;:[0,&quot;SQL Rows Read&quot;],&quot;price&quot;:[0,&quot;$0.001 / million rows&quot;],&quot;free&quot;:[0,&quot;50M / day&quot;]}],[0,{&quot;name&quot;:[0,&quot;SQL Rows Written&quot;],&quot;price&quot;:[0,&quot;$1.00 / million rows&quot;],&quot;free&quot;:[0,&quot;100K / day&quot;]}],[0,{&quot;name&quot;:[0,&quot;SQL Stored Data&quot;],&quot;free&quot;:[0,&quot;5 GB&quot;],&quot;price&quot;:[0,&quot;$0.20 / GB-month&quot;]}],[0,{&quot;name&quot;:[0,&quot;Read Request Units (KV Storage Backend)&quot;],&quot;price&quot;:[0,&quot;$0.20 / million rows&quot;]}],[0,{&quot;name&quot;:[0,&quot;Write Request Units (KV Storage Backend)&quot;],&quot;price&quot;:[0,&quot;$1.00 / million rows&quot;]}],[0,{&quot;name&quot;:[0,&quot;Delete Request Units (KV Storage Backend)&quot;],&quot;price&quot;:[0,&quot;$1.00 / million rows&quot;]}],[0,{&quot;name&quot;:[0,&quot;Stored Data (KV Storage Backend)&quot;],&quot;free&quot;:[0,&quot;1 GB&quot;],&quot;price&quot;:[0,&quot;$0.20 / GB-month&quot;]}]]],&quot;id&quot;:[0,&quot;row-3&quot;]}],[0,{&quot;name&quot;:[0,&quot;Browser Rendering&quot;],&quot;description&quot;:[0,&quot;Spin up headless, programmable web browsers&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/browser-rendering/&quot;],&quot;icon&quot;:[0,&quot;browserRenderings&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Browser Hours&quot;],&quot;free&quot;:[0,&quot;10 min / day&quot;],&quot;price&quot;:[0,&quot;$0.09 / hour&quot;]}],[0,{&quot;name&quot;:[0,&quot;Concurrent Browsers&quot;],&quot;free&quot;:[0,&quot;3 browsers&quot;],&quot;price&quot;:[0,&quot;$2.00 / browser&quot;]}]]],&quot;id&quot;:[0,&quot;row-4&quot;]}],[0,{&quot;name&quot;:[0,&quot;Workflows&quot;],&quot;description&quot;:[0,&quot;Orchestrate complex multi-step processes&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/workflows/&quot;],&quot;icon&quot;:[0,&quot;workflows&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Requests&quot;],&quot;free&quot;:[0,&quot;100k / day&quot;],&quot;price&quot;:[0,&quot;$0.30 / million requests&quot;]}],[0,{&quot;name&quot;:[0,&quot;CPU Time&quot;],&quot;free&quot;:[0,&quot;10 ms / invocation&quot;],&quot;price&quot;:[0,&quot;$0.02 / million CPU ms&quot;]}],[0,{&quot;name&quot;:[0,&quot;Storage&quot;],&quot;free&quot;:[0,&quot;1 GB&quot;],&quot;price&quot;:[0,&quot;$0.20 / GB-month&quot;]}]]],&quot;id&quot;:[0,&quot;row-5&quot;]}],[0,{&quot;id&quot;:[0,&quot;1776444432470-xnh48zh&quot;],&quot;name&quot;:[0,&quot;Dynamic Workers&quot;],&quot;description&quot;:[0,&quot;Spin up Workers at runtime to execute code on-demand&quot;],&quot;icon&quot;:[0,&quot;&quot;],&quot;href&quot;:[0,&quot;&quot;],&quot;components&quot;:[1,[[0,{&quot;id&quot;:[0,&quot;1776444432470-5xp20kk&quot;],&quot;name&quot;:[0,&quot;Dynamic Workers&quot;],&quot;description&quot;:[0,&quot;&quot;],&quot;price&quot;:[0,&quot;$0.002 / Dynamic Worker&quot;],&quot;free&quot;:[0,&quot;—&quot;],&quot;includedAmount&quot;:[0,&quot;&quot;]}]]]}]]]}],[0,{&quot;slug&quot;:[0,&quot;storage&quot;],&quot;title&quot;:[0,&quot;Storage &amp; Data&quot;],&quot;services&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;R2&quot;],&quot;description&quot;:[0,&quot;Object storage without egress fees&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/r2/&quot;],&quot;icon&quot;:[0,&quot;r2&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Standard Storage&quot;],&quot;free&quot;:[0,&quot;10 GB-month&quot;],&quot;price&quot;:[0,&quot;$0.015 / GB-month&quot;]}],[0,{&quot;name&quot;:[0,&quot;Standard Class A operations&quot;],&quot;free&quot;:[0,&quot;1 million&quot;],&quot;price&quot;:[0,&quot;$4.50 / million requests&quot;]}],[0,{&quot;name&quot;:[0,&quot;Standard Class B operations&quot;],&quot;free&quot;:[0,&quot;10 million&quot;],&quot;price&quot;:[0,&quot;$0.36 / million requests&quot;]}],[0,{&quot;name&quot;:[0,&quot;Infrequent Access Storage&quot;],&quot;price&quot;:[0,&quot;$0.01 / GB-month&quot;]}],[0,{&quot;name&quot;:[0,&quot;Infrequent Access Class A operations&quot;],&quot;price&quot;:[0,&quot;$9.00 / million requests&quot;]}],[0,{&quot;name&quot;:[0,&quot;Infrequent Access Class B operations&quot;],&quot;price&quot;:[0,&quot;$0.90 / million requests&quot;]}],[0,{&quot;name&quot;:[0,&quot;Infrequent Access Data Retrieval&quot;],&quot;price&quot;:[0,&quot;$0.01 / GB&quot;]}]]]}],[0,{&quot;name&quot;:[0,&quot;Workers KV&quot;],&quot;description&quot;:[0,&quot;Lightning-fast key-value storage&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/kv/&quot;],&quot;icon&quot;:[0,&quot;kv&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Stored Data&quot;],&quot;free&quot;:[0,&quot;1 GB&quot;],&quot;price&quot;:[0,&quot;$0.50 / GB-month&quot;]}],[0,{&quot;name&quot;:[0,&quot;Read Requests&quot;],&quot;free&quot;:[0,&quot;100,000 / day&quot;],&quot;price&quot;:[0,&quot;$0.50 / million requests&quot;]}],[0,{&quot;name&quot;:[0,&quot;Write, Delete, List requests&quot;],&quot;free&quot;:[0,&quot;1,000 / day&quot;],&quot;price&quot;:[0,&quot;$5.00 / million requests&quot;]}]]]}],[0,{&quot;name&quot;:[0,&quot;D1&quot;],&quot;description&quot;:[0,&quot;Serverless SQL that scales horizontally&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/d1/&quot;],&quot;icon&quot;:[0,&quot;d1&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Storage&quot;],&quot;free&quot;:[0,&quot;5 GB (total)&quot;],&quot;price&quot;:[0,&quot;$0.75 / GB-month&quot;]}],[0,{&quot;name&quot;:[0,&quot;Rows Read&quot;],&quot;free&quot;:[0,&quot;5 million / day&quot;],&quot;price&quot;:[0,&quot;$0.001 / million rows&quot;]}],[0,{&quot;name&quot;:[0,&quot;Rows Written&quot;],&quot;free&quot;:[0,&quot;100,000 / day&quot;],&quot;price&quot;:[0,&quot;$1.00 / million rows&quot;]}]]]}],[0,{&quot;name&quot;:[0,&quot;Queues&quot;],&quot;description&quot;:[0,&quot;Reliable message processing&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/queues/&quot;],&quot;icon&quot;:[0,&quot;queues&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Standard Operations&quot;],&quot;free&quot;:[0,&quot;10,000 operations/day included&quot;],&quot;price&quot;:[0,&quot;$0.40 / million operations&quot;]}]]]}],[0,{&quot;name&quot;:[0,&quot;Hyperdrive&quot;],&quot;description&quot;:[0,&quot;Make any database global instantly&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/hyperdrive/&quot;],&quot;icon&quot;:[0,&quot;hyperdrive&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Queries&quot;],&quot;free&quot;:[0,&quot; 100,000 / day&quot;],&quot;price&quot;:[0,&quot;Free&quot;]}]]]}],[0,{&quot;name&quot;:[0,&quot;Workers Analytics Engine&quot;],&quot;description&quot;:[0,&quot;Time-series analytics at scale&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/analytics/analytics-engine/&quot;],&quot;icon&quot;:[0,&quot;analytics&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Data Points Written&quot;],&quot;free&quot;:[0,&quot;100,000 / day&quot;],&quot;price&quot;:[0,&quot;$0.25 / million data points&quot;]}],[0,{&quot;name&quot;:[0,&quot;Read Queries&quot;],&quot;free&quot;:[0,&quot;10,000 / day&quot;],&quot;price&quot;:[0,&quot;$1.00 / million read queries&quot;]}]]]}],[0,{&quot;name&quot;:[0,&quot;Pipelines&quot;],&quot;description&quot;:[0,&quot;Transform and route data streams&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/pipelines/&quot;],&quot;icon&quot;:[0,&quot;pipelines&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Ingestion&quot;],&quot;price&quot;:[0,&quot;TBD (free during beta)&quot;]}],[0,{&quot;name&quot;:[0,&quot;Delivery to R2&quot;],&quot;price&quot;:[0,&quot;TBD (free during beta)&quot;]}]]]}]]]}],[0,{&quot;slug&quot;:[0,&quot;media&quot;],&quot;title&quot;:[0,&quot;Media&quot;],&quot;services&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;TURN / SFU&quot;],&quot;description&quot;:[0,&quot;WebRTC infrastructure for real-time communication&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/realtime/&quot;],&quot;icon&quot;:[0,&quot;realtime&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Data Egress&quot;],&quot;free&quot;:[0,&quot;1,000 GB / month&quot;],&quot;price&quot;:[0,&quot;$0.05 / GB&quot;]}]]]}],[0,{&quot;name&quot;:[0,&quot;RealtimeKit&quot;],&quot;description&quot;:[0,&quot;Serverless WebRTC conferencing&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/realtime/realtimekit/&quot;],&quot;icon&quot;:[0,&quot;realtime&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Audio/Video Participant&quot;],&quot;price&quot;:[0,&quot;$0.002 / minute&quot;]}],[0,{&quot;name&quot;:[0,&quot;Audio-Only Participant&quot;],&quot;price&quot;:[0,&quot;$0.0005 / minute&quot;]}],[0,{&quot;name&quot;:[0,&quot;Export (recording, RTMP or HLS streaming)&quot;],&quot;price&quot;:[0,&quot;$0.010 / minute&quot;]}],[0,{&quot;name&quot;:[0,&quot;Export (recording, RTMP or HLS streaming, audio only)&quot;],&quot;price&quot;:[0,&quot;$0.003 / minute&quot;]}],[0,{&quot;name&quot;:[0,&quot;Export (Raw RTP) into R2&quot;],&quot;price&quot;:[0,&quot;$0.0005 / minute&quot;]}],[0,{&quot;name&quot;:[0,&quot;Transcription (Real-time)&quot;],&quot;price&quot;:[0,&quot;Standard model pricing via Workers AI&quot;]}]]]}],[0,{&quot;name&quot;:[0,&quot;Images&quot;],&quot;description&quot;:[0,&quot;Transform and optimize at scale&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/images/&quot;],&quot;icon&quot;:[0,&quot;images&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Unique Transformations&quot;],&quot;free&quot;:[0,&quot;5,000 / month&quot;],&quot;price&quot;:[0,&quot;$0.50 / thousand&quot;]}],[0,{&quot;name&quot;:[0,&quot;Images Stored&quot;],&quot;price&quot;:[0,&quot;$5.00 / hundred thousand&quot;]}],[0,{&quot;name&quot;:[0,&quot;Images Delivered&quot;],&quot;price&quot;:[0,&quot;$1.00 / hundred thousand&quot;]}]]]}],[0,{&quot;name&quot;:[0,&quot;Stream&quot;],&quot;description&quot;:[0,&quot;Video hosting and live streaming&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/stream/&quot;],&quot;icon&quot;:[0,&quot;stream&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Minutes Stored&quot;],&quot;price&quot;:[0,&quot;$5.00 / thousand minutes&quot;]}],[0,{&quot;name&quot;:[0,&quot;Minutes Delivered&quot;],&quot;price&quot;:[0,&quot;$1.00 / thousand minutes&quot;]}]]]}]]]}],[0,{&quot;slug&quot;:[0,&quot;ai&quot;],&quot;title&quot;:[0,&quot;AI&quot;],&quot;services&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Vectorize&quot;],&quot;description&quot;:[0,&quot;Vector database for semantic search&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/vectorize/&quot;],&quot;icon&quot;:[0,&quot;vectorize&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Vector Dimensions Queried&quot;],&quot;price&quot;:[0,&quot;$0.01 / million&quot;],&quot;free&quot;:[0,&quot;30M queried dimensions / month&quot;]}],[0,{&quot;name&quot;:[0,&quot;Vector Dimensions Stored&quot;],&quot;price&quot;:[0,&quot;$0.05 / hundred million&quot;],&quot;free&quot;:[0,&quot;5M stored dimensionsNot available&quot;]}]]]}],[0,{&quot;name&quot;:[0,&quot;Workers AI&quot;],&quot;description&quot;:[0,&quot;50+ models running at the edge&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/workers-ai/&quot;],&quot;icon&quot;:[0,&quot;workersAi&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Neurons&quot;],&quot;price&quot;:[0,&quot;$0.011 / thousand neurons&quot;],&quot;free&quot;:[0,&quot;10,000 neurons / dayNot available&quot;]}]]]}]]]}],[0,{&quot;slug&quot;:[0,&quot;observability&quot;],&quot;title&quot;:[0,&quot;Observability&quot;],&quot;services&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Workers Logs&quot;],&quot;description&quot;:[0,&quot;Monitor Workers performance&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/workers/observability/&quot;],&quot;icon&quot;:[0,&quot;logs&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Events&quot;],&quot;free&quot;:[0,&quot;200k / day&quot;],&quot;price&quot;:[0,&quot;$0.60 / million events&quot;]}]]]}],[0,{&quot;name&quot;:[0,&quot;Workers Logpush&quot;],&quot;description&quot;:[0,&quot;Push Workers logs to external destinations&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/workers/observability/logpush/&quot;],&quot;icon&quot;:[0,&quot;logpush&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Requests&quot;],&quot;price&quot;:[0,&quot;$0.05 / million requests&quot;]}]]]}]]]}],[0,{&quot;slug&quot;:[0,&quot;other&quot;],&quot;title&quot;:[0,&quot;Other Services&quot;],&quot;services&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Workers Builds&quot;],&quot;description&quot;:[0,&quot;Build Workers at scale&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/workers/&quot;],&quot;icon&quot;:[0,&quot;builds&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Build Minutes&quot;],&quot;price&quot;:[0,&quot;$0.005 / minute&quot;]}]]]}],[0,{&quot;name&quot;:[0,&quot;Zaraz&quot;],&quot;description&quot;:[0,&quot;Third-party tool manager&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/zaraz/&quot;],&quot;icon&quot;:[0,&quot;zaraz&quot;],&quot;components&quot;:[1,[[0,{&quot;name&quot;:[0,&quot;Events&quot;],&quot;price&quot;:[0,&quot;$5.00 / million events&quot;]}]]]}]]]}]]],&quot;devPlatformTabs&quot;:[1,[[0,{&quot;title&quot;:[0,&quot;Compute&quot;],&quot;icon&quot;:[0,&quot;flash&quot;],&quot;slug&quot;:[0,&quot;compute&quot;]}],[0,{&quot;title&quot;:[0,&quot;Storage &amp; Data&quot;],&quot;icon&quot;:[0,&quot;datasource&quot;],&quot;slug&quot;:[0,&quot;storage&quot;]}],[0,{&quot;title&quot;:[0,&quot;Media&quot;],&quot;icon&quot;:[0,&quot;cube&quot;],&quot;slug&quot;:[0,&quot;media&quot;]}],[0,{&quot;title&quot;:[0,&quot;AI&quot;],&quot;icon&quot;:[0,&quot;aI&quot;],&quot;slug&quot;:[0,&quot;ai&quot;]}],[0,{&quot;title&quot;:[0,&quot;Observability&quot;],&quot;icon&quot;:[0,&quot;meter&quot;],&quot;slug&quot;:[0,&quot;observability&quot;]}],[0,{&quot;title&quot;:[0,&quot;Other Services&quot;],&quot;icon&quot;:[0,&quot;earth&quot;],&quot;slug&quot;:[0,&quot;other&quot;]}]]],&quot;disclaimer&quot;:[0,&quot;Prices listed are for monthly billing. Discounts are available for annual upfront commitments.&quot;],&quot;tableHeaders&quot;:[0,{&quot;component&quot;:[0,&quot;Component&quot;],&quot;free&quot;:[0,&quot;Free&quot;],&quot;paid&quot;:[0,&quot;Paid&quot;]}]}" ssr client="load" opts="{&quot;name&quot;:&quot;PricingSection&quot;,&quot;value&quot;:true}" await-children><div><section id="pricing-hero" class="relative z-10 md:px-2" aria-labelledby="pricing-title" data-cms-path="pricingPage.plans.hero"><div class="h-13 md:h-20 bg-background-100 w-full" aria-hidden="true"></div><div class="relative -mb-1 h-full w-full px-2"><div class="corner-lines-container" aria-hidden="true"><svg class="corner-line top-line absolute top-0 left-1/2 h-1 w-[200dvw] -translate-x-1/2 transition-opacity duration-[2000ms] ease-out opacity-50" preserveAspectRatio="none" aria-hidden="true"><line x1="0" y1="0.5" x2="100%" y2="0.5" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="16,16"></line></svg></div><header class="relative flex min-h-[260px] flex-col items-center justify-center gap-8 sm:min-h-[300px] sm:gap-10 md:min-h-[400px]"><hgroup class="flex flex-col items-center gap-3 px-4 text-center sm:gap-4 sm:px-0"><h1 id="pricing-title" class="text-foreground-100" data-cms-path="pricingPage.plans.hero.title" data-cms-type="text">Scale predictably</h1><p class="text-foreground-100/70 dark:text-secondary max-w-[600px]" data-cms-path="pricingPage.plans.hero.subtitle" data-cms-type="text">Pay only for what you use. Simple, transparent pricing for all Cloudflare products</p></hgroup><nav class="w-full min-w-0 max-w-full self-stretch" aria-label="Platform categories"><div class="flex w-full min-w-0 max-w-full flex-col items-center self-stretch"><div class="flex w-full min-w-0 max-w-full flex-col items-center self-stretch"><div data-slot="mobile-tab-select" class="relative z-10 flex w-full isolate items-center justify-center px-5 md:hidden"><div class="inline-flex"><button type="button" role="combobox" aria-controls="radix-_r3R_d9_" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" data-slot="select-trigger" data-size="default" class="flex w-fit items-center justify-between whitespace-nowrap border py-1.5 text-foreground-100 shadow-xs outline-none focus-visible:border-accent-100 focus-visible:ring-[3px] focus-visible:ring-accent-100/35 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-red-500/60 aria-invalid:ring-red-500/25 data-[size=default]:h-8 data-[size=sm]:h-7 data-[placeholder]:text-tertiary *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-3.5 !h-11 !w-auto min-w-[180px] gap-3 rounded-full border-border-100 bg-background-100 px-5 text-base font-medium transition-all duration-300" style="transition-timing-function:cubic-bezier(0.32, 0.72, 0, 1)" aria-label="Platform categories"><span data-slot="select-value" style="pointer-events:none"><span class="flex items-center gap-2.5"><svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg" class="min-h-5 w-5 min-w-5"><path d="M35 5.73495C32.7903 5.04091 30.4388 4.66675 28 4.66675C15.1134 4.66675 4.66669 15.1134 4.66669 28.0001C4.66669 40.8867 15.1134 51.3334 28 51.3334C40.8867 51.3334 51.3334 40.8867 51.3334 28.0001C51.3334 23.9977 50.3256 20.2306 48.55 16.9388M39.6667 13.4167H39.6784M24.5001 51.0727L24.5004 45.9316C24.5004 45.6531 24.6 45.3838 24.7813 45.1724L30.5814 38.4054C31.0581 37.8492 30.9104 36.9966 30.2744 36.6332L23.6099 32.8248C23.4289 32.7213 23.2788 32.5712 23.1755 32.3901L18.8311 24.7769C18.605 24.3807 18.1687 24.1526 17.7143 24.193L4.81645 25.3418M49 14.0001C49 19.1547 44.3334 23.3334 39.6667 28.0001C35 23.3334 30.3334 19.1547 30.3334 14.0001C30.3334 8.84542 34.512 4.66675 39.6667 4.66675C44.8213 4.66675 49 8.84542 49 14.0001ZM40.25 13.4167C40.25 13.7389 39.9889 14.0001 39.6667 14.0001C39.3445 14.0001 39.0834 13.7389 39.0834 13.4167C39.0834 13.0946 39.3445 12.8334 39.6667 12.8334C39.9889 12.8334 40.25 13.0946 40.25 13.4167Z" stroke="currentColor" stroke-width="3.75" stroke-linecap="round" stroke-linejoin="round"></path></svg>Network &amp; CDN</span></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down size-3.5 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select></div></div><div class="hidden w-full min-w-0 max-w-full md:flex md:flex-col md:items-center md:self-stretch"><div class="scrollbar-hide pointer-events-auto relative z-20 -mb-6.5 min-w-0 overflow-y-visible overflow-x-auto overscroll-x-contain w-max max-w-full self-center max-md:w-full max-md:self-stretch"><div class="flex min-w-0 shrink-0 justify-center px-5 sm:px-6 max-md:min-w-full" style="box-sizing:content-box"><div role="tablist" aria-label="Platform categories" class="bg-background-100 pointer-events-auto relative overflow-x-hidden overflow-y-hidden rounded-full border p-1" style="width:685px"><div class="relative flex w-max items-center gap-1" style="opacity:0"><div aria-hidden="true" class="bg-accent-100 absolute top-0 h-full rounded-full shadow-stack" style="left:0px;width:0px"></div><button type="button" role="tab" aria-selected="true" aria-controls="pricing-panel-0" aria-label="Network &amp; CDN tab" data-tab="0" id="pricing-tab-0" tabindex="0" class="relative z-10 flex h-10 cursor-pointer items-center gap-2 rounded-full px-3.5 py-2.5 font-medium tracking-[-0.01em] whitespace-nowrap transition-colors duration-300 ease-out focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-100/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background-100 hover:bg-foreground-100/5 text-foreground-200"><svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg" class="min-h-5 w-5 min-w-5"><path d="M35 5.73495C32.7903 5.04091 30.4388 4.66675 28 4.66675C15.1134 4.66675 4.66669 15.1134 4.66669 28.0001C4.66669 40.8867 15.1134 51.3334 28 51.3334C40.8867 51.3334 51.3334 40.8867 51.3334 28.0001C51.3334 23.9977 50.3256 20.2306 48.55 16.9388M39.6667 13.4167H39.6784M24.5001 51.0727L24.5004 45.9316C24.5004 45.6531 24.6 45.3838 24.7813 45.1724L30.5814 38.4054C31.0581 37.8492 30.9104 36.9966 30.2744 36.6332L23.6099 32.8248C23.4289 32.7213 23.2788 32.5712 23.1755 32.3901L18.8311 24.7769C18.605 24.3807 18.1687 24.1526 17.7143 24.193L4.81645 25.3418M49 14.0001C49 19.1547 44.3334 23.3334 39.6667 28.0001C35 23.3334 30.3334 19.1547 30.3334 14.0001C30.3334 8.84542 34.512 4.66675 39.6667 4.66675C44.8213 4.66675 49 8.84542 49 14.0001ZM40.25 13.4167C40.25 13.7389 39.9889 14.0001 39.6667 14.0001C39.3445 14.0001 39.0834 13.7389 39.0834 13.4167C39.0834 13.0946 39.3445 12.8334 39.6667 12.8334C39.9889 12.8334 40.25 13.0946 40.25 13.4167Z" stroke="currentColor" stroke-width="3.75" stroke-linecap="round" stroke-linejoin="round"></path></svg>Network &amp; CDN</button><button type="button" role="tab" aria-selected="false" aria-controls="pricing-panel-1" aria-label="SASE / Zero Trust tab" data-tab="1" id="pricing-tab-1" tabindex="-1" class="relative z-10 flex h-10 cursor-pointer items-center gap-2 rounded-full px-3.5 py-2.5 font-medium tracking-[-0.01em] whitespace-nowrap transition-colors duration-300 ease-out focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-100/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background-100 hover:bg-foreground-100/5 text-foreground-200"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="min-h-5 w-5 min-w-5"><path d="M22 11V8.2C22 7.0799 22 6.51984 21.782 6.09202C21.5903 5.71569 21.2843 5.40973 20.908 5.21799C20.4802 5 19.9201 5 18.8 5H5.2C4.0799 5 3.51984 5 3.09202 5.21799C2.71569 5.40973 2.40973 5.71569 2.21799 6.09202C2 6.51984 2 7.0799 2 8.2V11.8C2 12.9201 2 13.4802 2.21799 13.908C2.40973 14.2843 2.71569 14.5903 3.09202 14.782C3.51984 15 4.0799 15 5.2 15H11M12 10H12.005M17 10H17.005M7 10H7.005M19.25 17V15.25C19.25 14.2835 18.4665 13.5 17.5 13.5C16.5335 13.5 15.75 14.2835 15.75 15.25V17M12.25 10C12.25 10.1381 12.1381 10.25 12 10.25C11.8619 10.25 11.75 10.1381 11.75 10C11.75 9.86193 11.8619 9.75 12 9.75C12.1381 9.75 12.25 9.86193 12.25 10ZM17.25 10C17.25 10.1381 17.1381 10.25 17 10.25C16.8619 10.25 16.75 10.1381 16.75 10C16.75 9.86193 16.8619 9.75 17 9.75C17.1381 9.75 17.25 9.86193 17.25 10ZM7.25 10C7.25 10.1381 7.13807 10.25 7 10.25C6.86193 10.25 6.75 10.1381 6.75 10C6.75 9.86193 6.86193 9.75 7 9.75C7.13807 9.75 7.25 9.86193 7.25 10ZM15.6 21H19.4C19.9601 21 20.2401 21 20.454 20.891C20.6422 20.7951 20.7951 20.6422 20.891 20.454C21 20.2401 21 19.9601 21 19.4V18.6C21 18.0399 21 17.7599 20.891 17.546C20.7951 17.3578 20.6422 17.2049 20.454 17.109C20.2401 17 19.9601 17 19.4 17H15.6C15.0399 17 14.7599 17 14.546 17.109C14.3578 17.2049 14.2049 17.3578 14.109 17.546C14 17.7599 14 18.0399 14 18.6V19.4C14 19.9601 14 20.2401 14.109 20.454C14.2049 20.6422 14.3578 20.7951 14.546 20.891C14.7599 21 15.0399 21 15.6 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>SASE / Zero Trust</button><button type="button" role="tab" aria-selected="false" aria-controls="pricing-panel-2" aria-label="Compute &amp; Storage tab" data-tab="2" id="pricing-tab-2" tabindex="-1" class="relative z-10 flex h-10 cursor-pointer items-center gap-2 rounded-full px-3.5 py-2.5 font-medium tracking-[-0.01em] whitespace-nowrap transition-colors duration-300 ease-out focus:outline-none focus-visible:ring-2 focus-visible:ring-accent-100/60 focus-visible:ring-offset-2 focus-visible:ring-offset-background-100 hover:bg-foreground-100/5 text-foreground-200"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="17" viewBox="0 0 11 17" fill="none" class="min-h-5 w-5 min-w-5"><path stroke="currentColor" d="M.88 9.378q0-.225.184-.465l6.392-7.895q.184-.233.397-.28a.55.55 0 0 1 .382.04q.171.09.24.294.068.199-.041.472L6.355 7.149h3.958q.232 0 .377.144.15.137.15.355 0 .226-.185.458L4.264 16.01q-.185.225-.397.273a.488.488 0 0 1-.622-.328q-.068-.198.041-.478L5.364 9.87H1.406a.55.55 0 0 1-.383-.137.48.48 0 0 1-.143-.355"></path></svg>Compute &amp; Storage</button><div aria-hidden="true" class="pointer-events-none absolute inset-0 z-20 flex items-center gap-1" style="clip-path:inset(0 calc(100% - 0px) 0 0px round 9999px)"><span class="flex h-10 shrink-0 items-center gap-2 rounded-full px-3.5 py-2.5 font-medium tracking-[-0.01em] whitespace-nowrap text-light-foreground"><svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg" class="min-h-5 w-5 min-w-5"><path d="M35 5.73495C32.7903 5.04091 30.4388 4.66675 28 4.66675C15.1134 4.66675 4.66669 15.1134 4.66669 28.0001C4.66669 40.8867 15.1134 51.3334 28 51.3334C40.8867 51.3334 51.3334 40.8867 51.3334 28.0001C51.3334 23.9977 50.3256 20.2306 48.55 16.9388M39.6667 13.4167H39.6784M24.5001 51.0727L24.5004 45.9316C24.5004 45.6531 24.6 45.3838 24.7813 45.1724L30.5814 38.4054C31.0581 37.8492 30.9104 36.9966 30.2744 36.6332L23.6099 32.8248C23.4289 32.7213 23.2788 32.5712 23.1755 32.3901L18.8311 24.7769C18.605 24.3807 18.1687 24.1526 17.7143 24.193L4.81645 25.3418M49 14.0001C49 19.1547 44.3334 23.3334 39.6667 28.0001C35 23.3334 30.3334 19.1547 30.3334 14.0001C30.3334 8.84542 34.512 4.66675 39.6667 4.66675C44.8213 4.66675 49 8.84542 49 14.0001ZM40.25 13.4167C40.25 13.7389 39.9889 14.0001 39.6667 14.0001C39.3445 14.0001 39.0834 13.7389 39.0834 13.4167C39.0834 13.0946 39.3445 12.8334 39.6667 12.8334C39.9889 12.8334 40.25 13.0946 40.25 13.4167Z" stroke="currentColor" stroke-width="3.75" stroke-linecap="round" stroke-linejoin="round"></path></svg>Network &amp; CDN</span><span class="flex h-10 shrink-0 items-center gap-2 rounded-full px-3.5 py-2.5 font-medium tracking-[-0.01em] whitespace-nowrap text-light-foreground"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" class="min-h-5 w-5 min-w-5"><path d="M22 11V8.2C22 7.0799 22 6.51984 21.782 6.09202C21.5903 5.71569 21.2843 5.40973 20.908 5.21799C20.4802 5 19.9201 5 18.8 5H5.2C4.0799 5 3.51984 5 3.09202 5.21799C2.71569 5.40973 2.40973 5.71569 2.21799 6.09202C2 6.51984 2 7.0799 2 8.2V11.8C2 12.9201 2 13.4802 2.21799 13.908C2.40973 14.2843 2.71569 14.5903 3.09202 14.782C3.51984 15 4.0799 15 5.2 15H11M12 10H12.005M17 10H17.005M7 10H7.005M19.25 17V15.25C19.25 14.2835 18.4665 13.5 17.5 13.5C16.5335 13.5 15.75 14.2835 15.75 15.25V17M12.25 10C12.25 10.1381 12.1381 10.25 12 10.25C11.8619 10.25 11.75 10.1381 11.75 10C11.75 9.86193 11.8619 9.75 12 9.75C12.1381 9.75 12.25 9.86193 12.25 10ZM17.25 10C17.25 10.1381 17.1381 10.25 17 10.25C16.8619 10.25 16.75 10.1381 16.75 10C16.75 9.86193 16.8619 9.75 17 9.75C17.1381 9.75 17.25 9.86193 17.25 10ZM7.25 10C7.25 10.1381 7.13807 10.25 7 10.25C6.86193 10.25 6.75 10.1381 6.75 10C6.75 9.86193 6.86193 9.75 7 9.75C7.13807 9.75 7.25 9.86193 7.25 10ZM15.6 21H19.4C19.9601 21 20.2401 21 20.454 20.891C20.6422 20.7951 20.7951 20.6422 20.891 20.454C21 20.2401 21 19.9601 21 19.4V18.6C21 18.0399 21 17.7599 20.891 17.546C20.7951 17.3578 20.6422 17.2049 20.454 17.109C20.2401 17 19.9601 17 19.4 17H15.6C15.0399 17 14.7599 17 14.546 17.109C14.3578 17.2049 14.2049 17.3578 14.109 17.546C14 17.7599 14 18.0399 14 18.6V19.4C14 19.9601 14 20.2401 14.109 20.454C14.2049 20.6422 14.3578 20.7951 14.546 20.891C14.7599 21 15.0399 21 15.6 21Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>SASE / Zero Trust</span><span class="flex h-10 shrink-0 items-center gap-2 rounded-full px-3.5 py-2.5 font-medium tracking-[-0.01em] whitespace-nowrap text-light-foreground"><svg xmlns="http://www.w3.org/2000/svg" width="11" height="17" viewBox="0 0 11 17" fill="none" class="min-h-5 w-5 min-w-5"><path stroke="currentColor" d="M.88 9.378q0-.225.184-.465l6.392-7.895q.184-.233.397-.28a.55.55 0 0 1 .382.04q.171.09.24.294.068.199-.041.472L6.355 7.149h3.958q.232 0 .377.144.15.137.15.355 0 .226-.185.458L4.264 16.01q-.185.225-.397.273a.488.488 0 0 1-.622-.328q-.068-.198.041-.478L5.364 9.87H1.406a.55.55 0 0 1-.383-.137.48.48 0 0 1-.143-.355"></path></svg>Compute &amp; Storage</span></div></div></div></div></div></div></div></div></nav></header></div></section><div class="relative mx-auto w-full max-w-[1200px] px-4 sm:px-0"><div class="hidden md:block pointer-events-none absolute inset-0 z-10 select-none" aria-hidden="true"><div class="bg-background-100 dark:bg-background-200 absolute" style="top:-7px;left:-7px;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="top:-7px;right:-7px;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="left:-7px;bottom:-7px;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="right:-7px;bottom:-7px;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div></div><div class="relative overflow-hidden border bg-background-200 p-1 sm:p-2"><div class="relative grid grid-cols-1 grid-rows-1"><div id="pricing-panel-0" role="tabpanel" aria-labelledby="pricing-tab-0" class="col-start-1 col-end-2 row-start-1 row-end-2 min-w-0 relative" aria-hidden="false" style="opacity:1;transform:none"><div class="space-y-3 p-2 sm:p-3"><div class="grid gap-2 grid-cols-1 md:grid-cols-4" data-cms-path="pricingPage.plans.appServices.tiers"><div class="relative group/tier bg-background-100 transition-shadow hover:ring-2 hover:ring-accent-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><div class="grid h-full grid-rows-[auto_auto_1fr] gap-3 p-3 sm:gap-4 sm:p-5"><div class="space-y-1"><h3 class="heading-visual-h5 text-foreground-100 font-medium" data-cms-path="pricingPage.plans.appServices.tiers.0.name" data-cms-type="text">Free</h3><p class="text-foreground-200/70 dark:text-secondary" data-cms-path="pricingPage.plans.appServices.tiers.0.description" data-cms-type="text">For personal or hobby projects that aren&#x27;t business-critical.</p></div><div><p class="text-foreground-100 font-semibold" data-cms-path="pricingPage.plans.appServices.tiers.0.price" data-cms-type="text">$0</p><p class="text-foreground-200/70 dark:text-secondary mt-0.5 sm:mt-1" data-cms-path="pricingPage.plans.appServices.tiers.0.billing" data-cms-type="text">/month</p></div><a href="https://dash.cloudflare.com/sign-up" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap rounded-full border font-medium backdrop-blur-md transition-[scale,translate] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none border-border-100 bg-transparent text-foreground-100 active:scale-[0.98] hover:border-accent-100 hover:bg-accent-200/5 hover:text-accent-100 px-4 py-2 gap-0.5 !transition-[color,background-color,border-color,transform,translate] duration-200 ease-out hover:!opacity-100 mt-auto w-full group-hover/tier:border-accent-100 group-hover/tier:bg-accent-200/5 group-hover/tier:text-accent-100 hover:border-accent-100! hover:bg-accent-100! hover:text-light-foreground!" data-cms-path="pricingPage.plans.appServices.tiers.0.ctaHref" data-cms-type="text"><span data-cms-path="pricingPage.plans.appServices.tiers.0.cta" data-cms-type="text">Get started</span></a></div></div></div><div class="relative group/tier bg-background-100 transition-shadow hover:ring-2 hover:ring-accent-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><div class="grid h-full grid-rows-[auto_auto_1fr] gap-3 p-3 sm:gap-4 sm:p-5"><div class="space-y-1"><h3 class="heading-visual-h5 text-foreground-100 font-medium" data-cms-path="pricingPage.plans.appServices.tiers.1.name" data-cms-type="text">Pro</h3><p class="text-foreground-200/70 dark:text-secondary" data-cms-path="pricingPage.plans.appServices.tiers.1.description" data-cms-type="text">For professional websites that aren&#x27;t business-critical.</p></div><div><p class="text-foreground-100 font-semibold" data-cms-path="pricingPage.plans.appServices.tiers.1.price" data-cms-type="text">$20</p><p class="text-foreground-200/70 dark:text-secondary mt-0.5 sm:mt-1" data-cms-path="pricingPage.plans.appServices.tiers.1.billing" data-cms-type="text">/mo billed annually, or $25/mo billed monthly</p></div><a href="https://dash.cloudflare.com/sign-up?pt=p" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap rounded-full border font-medium backdrop-blur-md transition-[scale,translate] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none border-border-100 bg-transparent text-foreground-100 active:scale-[0.98] hover:border-accent-100 hover:bg-accent-200/5 hover:text-accent-100 px-4 py-2 gap-0.5 !transition-[color,background-color,border-color,transform,translate] duration-200 ease-out hover:!opacity-100 mt-auto w-full group-hover/tier:border-accent-100 group-hover/tier:bg-accent-200/5 group-hover/tier:text-accent-100 hover:border-accent-100! hover:bg-accent-100! hover:text-light-foreground!" data-cms-path="pricingPage.plans.appServices.tiers.1.ctaHref" data-cms-type="text"><span data-cms-path="pricingPage.plans.appServices.tiers.1.cta" data-cms-type="text">Get started</span></a></div></div></div><div class="relative group/tier bg-background-100 transition-shadow hover:ring-2 hover:ring-accent-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><div class="grid h-full grid-rows-[auto_auto_1fr] gap-3 p-3 sm:gap-4 sm:p-5"><div class="space-y-1"><h3 class="heading-visual-h5 text-foreground-100 font-medium" data-cms-path="pricingPage.plans.appServices.tiers.2.name" data-cms-type="text">Business</h3><p class="text-foreground-200/70 dark:text-secondary" data-cms-path="pricingPage.plans.appServices.tiers.2.description" data-cms-type="text">For small businesses operating online.</p></div><div><p class="text-foreground-100 font-semibold" data-cms-path="pricingPage.plans.appServices.tiers.2.price" data-cms-type="text">$200</p><p class="text-foreground-200/70 dark:text-secondary mt-0.5 sm:mt-1" data-cms-path="pricingPage.plans.appServices.tiers.2.billing" data-cms-type="text">/mo billed annually, or $250/mo billed monthly</p></div><a href="https://dash.cloudflare.com/sign-up?pt=b" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap rounded-full border font-medium backdrop-blur-md transition-[scale,translate] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none border-border-100 bg-transparent text-foreground-100 active:scale-[0.98] hover:border-accent-100 hover:bg-accent-200/5 hover:text-accent-100 px-4 py-2 gap-0.5 !transition-[color,background-color,border-color,transform,translate] duration-200 ease-out hover:!opacity-100 mt-auto w-full group-hover/tier:border-accent-100 group-hover/tier:bg-accent-200/5 group-hover/tier:text-accent-100 hover:border-accent-100! hover:bg-accent-100! hover:text-light-foreground!" data-cms-path="pricingPage.plans.appServices.tiers.2.ctaHref" data-cms-type="text"><span data-cms-path="pricingPage.plans.appServices.tiers.2.cta" data-cms-type="text">Get started</span></a></div></div></div><div class="relative group/tier bg-background-100 transition-shadow hover:ring-2 hover:ring-accent-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><div class="grid h-full grid-rows-[auto_auto_1fr] gap-3 p-3 sm:gap-4 sm:p-5"><div class="space-y-1"><h3 class="heading-visual-h5 text-foreground-100 font-medium" data-cms-path="pricingPage.plans.appServices.tiers.3.name" data-cms-type="text">Contract</h3><p class="text-foreground-200/70 dark:text-secondary" data-cms-path="pricingPage.plans.appServices.tiers.3.description" data-cms-type="text">For mission-critical applications that are core to your business.</p></div><div><p class="text-foreground-100 font-semibold" data-cms-path="pricingPage.plans.appServices.tiers.3.price" data-cms-type="text">Custom</p><p class="text-foreground-200/70 dark:text-secondary mt-0.5 sm:mt-1" data-cms-path="pricingPage.plans.appServices.tiers.3.billing" data-cms-type="text">Billed annually</p></div><a href="https://www.cloudflare.com/plans/enterprise/" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap rounded-full border font-medium backdrop-blur-md transition-[scale,translate] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none border-border-100 bg-transparent text-foreground-100 active:scale-[0.98] hover:border-accent-100 hover:bg-accent-200/5 hover:text-accent-100 px-4 py-2 gap-0.5 !transition-[color,background-color,border-color,transform,translate] duration-200 ease-out hover:!opacity-100 mt-auto w-full group-hover/tier:border-accent-100 group-hover/tier:bg-accent-200/5 group-hover/tier:text-accent-100 hover:border-accent-100! hover:bg-accent-100! hover:text-light-foreground!" data-cms-path="pricingPage.plans.appServices.tiers.3.ctaHref" data-cms-type="text"><span data-cms-path="pricingPage.plans.appServices.tiers.3.cta" data-cms-type="text">See plans</span></a></div></div></div></div><div class="rounded-lg border border-border-100 bg-background-100 overflow-hidden" data-cms-path="pricingPage.plans.appServices.featureGroups"><div class="flex items-center justify-between border-b border-border-100 px-4 py-3 md:px-6"><p class="text-foreground-100">Compare all features</p><button type="button" class="text-foreground-200/70 hover:text-foreground-100 dark:text-secondary transition-colors">Expand all</button></div><div class="sticky top-0 z-10 hidden border-b border-border-100 bg-background-200/80 backdrop-blur-sm md:block"><div class="grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="px-6 py-3"></div><div class="px-3 py-3 text-center text-foreground-100"><small class="font-medium">Free</small></div><div class="px-3 py-3 text-center text-foreground-100"><small class="font-medium">Pro</small></div><div class="px-3 py-3 text-center text-foreground-100"><small class="font-medium">Business</small></div><div class="px-3 py-3 text-center text-foreground-100"><small class="font-medium">Contract</small></div></div></div><div class="border-b border-border-100 last:border-b-0"><button type="button" class="group flex w-full items-center justify-between px-4 py-3 text-left hover:bg-foreground-100/2 md:px-6" aria-expanded="true"><span class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.groupName" data-cms-type="text">Core Features</span><svg viewBox="0 0 256 256" class="inline-block shrink-0 size-4 text-foreground-200/70 dark:text-tertiary transition-transform duration-200 rotate-180" aria-hidden="true"><use href="/icons.svg#caretDown"></use></svg></button><div><div class="border-t border-border-100/50 bg-background-100"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.0.feature" data-cms-type="text">Fast, Easy-to-use DNS</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.0.feature" data-cms-type="text">Fast, Easy-to-use DNS</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div></div></div><div class="border-t border-border-100/50 bg-background-200/30"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.1.feature" data-cms-type="text">Unmetered DDoS Protection</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.1.feature" data-cms-type="text">Unmetered DDoS Protection</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div></div></div><div class="border-t border-border-100/50 bg-background-100"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.2.feature" data-cms-type="text">CDN</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.2.feature" data-cms-type="text">CDN</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div></div></div><div class="border-t border-border-100/50 bg-background-200/30"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.3.feature" data-cms-type="text">Universal SSL Certificate</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.3.feature" data-cms-type="text">Universal SSL Certificate</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div></div></div><div class="border-t border-border-100/50 bg-background-100"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.4.feature" data-cms-type="text">Free Managed Ruleset</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.4.feature" data-cms-type="text">Free Managed Ruleset</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div></div></div><div class="border-t border-border-100/50 bg-background-200/30"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.5.feature" data-cms-type="text">Web Application Firewall (WAF)</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.5.feature" data-cms-type="text">Web Application Firewall (WAF)</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div></div></div><div class="border-t border-border-100/50 bg-background-100"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.6.feature" data-cms-type="text">Lossless Image Optimization</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.6.feature" data-cms-type="text">Lossless Image Optimization</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div></div></div><div class="border-t border-border-100/50 bg-background-200/30"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.7.feature" data-cms-type="text">Accelerated Mobile Pages (AMP)</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.7.feature" data-cms-type="text">Accelerated Mobile Pages (AMP)</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div></div></div><div class="border-t border-border-100/50 bg-background-100"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.8.feature" data-cms-type="text">PCI DSS 4.0 Compliance</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.8.feature" data-cms-type="text">PCI DSS 4.0 Compliance</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div></div></div><div class="border-t border-border-100/50 bg-background-200/30"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.9.feature" data-cms-type="text">Uptime SLA</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200">100%</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200">100%</span></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.9.feature" data-cms-type="text">Uptime SLA</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><span class="text-foreground-200">100%</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><span class="text-foreground-200">100%</span></div></div></div></div><div class="border-t border-border-100/50 bg-background-100"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.10.feature" data-cms-type="text">Uptime Service Credits</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200">1x</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200">10x (Standard); 25x (Premium)</span></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.10.feature" data-cms-type="text">Uptime Service Credits</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><span class="text-foreground-200">1x</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><span class="text-foreground-200">10x (Standard); 25x (Premium)</span></div></div></div></div><div class="border-t border-border-100/50 bg-background-200/30"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.11.feature" data-cms-type="text">Single-Sign-On (SSO) Support</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.11.feature" data-cms-type="text">Single-Sign-On (SSO) Support</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div></div></div><div class="border-t border-border-100/50 bg-background-100"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.12.feature" data-cms-type="text">Network Prioritization</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.12.feature" data-cms-type="text">Network Prioritization</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><span class="text-foreground-200/70 dark:text-tertiary" title="Not included">—</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div></div></div><div class="border-t border-border-100/50 bg-background-200/30"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(4, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.13.feature" data-cms-type="text">Role-based Account Control</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-center px-3 py-3 text-center"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.0.rows.13.feature" data-cms-type="text">Role-based Account Control</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pro</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Business</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4 text-foreground-100" aria-hidden="true" aria-label="Included"><use href="/icons.svg#checkmark"></use></svg></div></div></div></div></div></div><div class="border-b border-border-100 last:border-b-0"><button type="button" class="group flex w-full items-center justify-between px-4 py-3 text-left hover:bg-foreground-100/2 md:px-6" aria-expanded="false"><span class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.1.groupName" data-cms-type="text">Support</span><svg viewBox="0 0 256 256" class="inline-block shrink-0 size-4 text-foreground-200/70 dark:text-tertiary transition-transform duration-200" aria-hidden="true"><use href="/icons.svg#caretDown"></use></svg></button></div><div class="border-b border-border-100 last:border-b-0"><button type="button" class="group flex w-full items-center justify-between px-4 py-3 text-left hover:bg-foreground-100/2 md:px-6" aria-expanded="false"><span class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.2.groupName" data-cms-type="text">Rules &amp; Routing</span><svg viewBox="0 0 256 256" class="inline-block shrink-0 size-4 text-foreground-200/70 dark:text-tertiary transition-transform duration-200" aria-hidden="true"><use href="/icons.svg#caretDown"></use></svg></button></div><div class="border-b border-border-100 last:border-b-0"><button type="button" class="group flex w-full items-center justify-between px-4 py-3 text-left hover:bg-foreground-100/2 md:px-6" aria-expanded="false"><span class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.3.groupName" data-cms-type="text">Security</span><svg viewBox="0 0 256 256" class="inline-block shrink-0 size-4 text-foreground-200/70 dark:text-tertiary transition-transform duration-200" aria-hidden="true"><use href="/icons.svg#caretDown"></use></svg></button></div><div class="border-b border-border-100 last:border-b-0"><button type="button" class="group flex w-full items-center justify-between px-4 py-3 text-left hover:bg-foreground-100/2 md:px-6" aria-expanded="false"><span class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.appServices.featureGroups.4.groupName" data-cms-type="text">Platform</span><svg viewBox="0 0 256 256" class="inline-block shrink-0 size-4 text-foreground-200/70 dark:text-tertiary transition-transform duration-200" aria-hidden="true"><use href="/icons.svg#caretDown"></use></svg></button></div></div></div></div><div id="pricing-panel-1" role="tabpanel" aria-labelledby="pricing-tab-1" class="col-start-1 col-end-2 row-start-1 row-end-2 min-w-0 pointer-events-none absolute inset-0 overflow-hidden" aria-hidden="true" inert="" style="opacity:0;transform:translateX(24px)"><div class="space-y-3 p-2 sm:p-3"><div data-cms-path="pricingPage.plans.saseTiers"><div class="grid gap-2 grid-cols-1 sm:grid-cols-3" data-cms-path="pricingPage.plans.sase.tiers"><div class="relative group/tier bg-background-100 transition-shadow hover:ring-2 hover:ring-accent-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><div class="grid h-full grid-rows-[auto_auto_1fr] gap-3 p-3 sm:gap-4 sm:p-5"><div class="space-y-1"><h3 class="heading-visual-h5 text-foreground-100 font-medium" data-cms-path="pricingPage.plans.sase.tiers.0.name" data-cms-type="text">Free</h3><p class="text-foreground-200/70 dark:text-secondary" data-cms-path="pricingPage.plans.sase.tiers.0.description" data-cms-type="text">Teams under 50 users or enterprise proof-of-concept tests.</p></div><div><p class="text-foreground-100 font-semibold" data-cms-path="pricingPage.plans.sase.tiers.0.price" data-cms-type="text">$0</p><p class="text-foreground-200/70 dark:text-secondary mt-0.5 sm:mt-1" data-cms-path="pricingPage.plans.sase.tiers.0.billing" data-cms-type="text">forever</p></div><a href="https://dash.cloudflare.com/sign-up/teams" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap rounded-full border font-medium backdrop-blur-md transition-[scale,translate] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none border-border-100 bg-transparent text-foreground-100 active:scale-[0.98] hover:border-accent-100 hover:bg-accent-200/5 hover:text-accent-100 px-4 py-2 gap-0.5 !transition-[color,background-color,border-color,transform,translate] duration-200 ease-out hover:!opacity-100 mt-auto w-full group-hover/tier:border-accent-100 group-hover/tier:bg-accent-200/5 group-hover/tier:text-accent-100 hover:border-accent-100! hover:bg-accent-100! hover:text-light-foreground!" data-cms-path="pricingPage.plans.sase.tiers.0.ctaHref" data-cms-type="text"><span data-cms-path="pricingPage.plans.sase.tiers.0.cta" data-cms-type="text">Get started</span></a></div></div></div><div class="relative group/tier bg-background-100 transition-shadow hover:ring-2 hover:ring-accent-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><div class="grid h-full grid-rows-[auto_auto_1fr] gap-3 p-3 sm:gap-4 sm:p-5"><div class="space-y-1"><h3 class="heading-visual-h5 text-foreground-100 font-medium" data-cms-path="pricingPage.plans.sase.tiers.1.name" data-cms-type="text">Pay-as-you-go</h3><p class="text-foreground-200/70 dark:text-secondary" data-cms-path="pricingPage.plans.sase.tiers.1.description" data-cms-type="text">Teams over 50 solving narrow SSE use cases without enterprise support.</p></div><div><p class="text-foreground-100 font-semibold" data-cms-path="pricingPage.plans.sase.tiers.1.price" data-cms-type="text">$7</p><p class="text-foreground-200/70 dark:text-secondary mt-0.5 sm:mt-1" data-cms-path="pricingPage.plans.sase.tiers.1.billing" data-cms-type="text">/user/month</p></div><a href="https://dash.cloudflare.com/sign-up/teams" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap rounded-full border font-medium backdrop-blur-md transition-[scale,translate] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none border-border-100 bg-transparent text-foreground-100 active:scale-[0.98] hover:border-accent-100 hover:bg-accent-200/5 hover:text-accent-100 px-4 py-2 gap-0.5 !transition-[color,background-color,border-color,transform,translate] duration-200 ease-out hover:!opacity-100 mt-auto w-full group-hover/tier:border-accent-100 group-hover/tier:bg-accent-200/5 group-hover/tier:text-accent-100 hover:border-accent-100! hover:bg-accent-100! hover:text-light-foreground!" data-cms-path="pricingPage.plans.sase.tiers.1.ctaHref" data-cms-type="text"><span data-cms-path="pricingPage.plans.sase.tiers.1.cta" data-cms-type="text">Get started</span></a></div></div></div><div class="relative group/tier bg-background-100 transition-shadow hover:ring-2 hover:ring-accent-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><div class="grid h-full grid-rows-[auto_auto_1fr] gap-3 p-3 sm:gap-4 sm:p-5"><div class="space-y-1"><h3 class="heading-visual-h5 text-foreground-100 font-medium" data-cms-path="pricingPage.plans.sase.tiers.2.name" data-cms-type="text">Contract</h3><p class="text-foreground-200/70 dark:text-secondary" data-cms-path="pricingPage.plans.sase.tiers.2.description" data-cms-type="text">Organizations building toward full-featured SASE or workspace security.</p></div><div><p class="text-foreground-100 font-semibold" data-cms-path="pricingPage.plans.sase.tiers.2.price" data-cms-type="text">Custom</p><p class="text-foreground-200/70 dark:text-secondary mt-0.5 sm:mt-1" data-cms-path="pricingPage.plans.sase.tiers.2.billing" data-cms-type="text">Annual price per user</p></div><a href="https://www.cloudflare.com/plans/enterprise/interna/" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap rounded-full border font-medium backdrop-blur-md transition-[scale,translate] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none border-border-100 bg-transparent text-foreground-100 active:scale-[0.98] hover:border-accent-100 hover:bg-accent-200/5 hover:text-accent-100 px-4 py-2 gap-0.5 !transition-[color,background-color,border-color,transform,translate] duration-200 ease-out hover:!opacity-100 mt-auto w-full group-hover/tier:border-accent-100 group-hover/tier:bg-accent-200/5 group-hover/tier:text-accent-100 hover:border-accent-100! hover:bg-accent-100! hover:text-light-foreground!" data-cms-path="pricingPage.plans.sase.tiers.2.ctaHref" data-cms-type="text"><span data-cms-path="pricingPage.plans.sase.tiers.2.cta" data-cms-type="text">See packages</span></a></div></div></div></div></div><div class="rounded-lg border border-border-100 bg-background-100 overflow-hidden" data-cms-path="pricingPage.plans.sase.featureGroups"><div class="flex items-center justify-between border-b border-border-100 px-4 py-3 md:px-6"><p class="text-foreground-100">Compare all features</p><button type="button" class="text-foreground-200/70 hover:text-foreground-100 dark:text-secondary transition-colors">Expand all</button></div><div class="sticky top-0 z-10 hidden border-b border-border-100 bg-background-200/80 backdrop-blur-sm md:block"><div class="grid" style="grid-template-columns:minmax(200px, 1fr) repeat(3, minmax(120px, 1fr))"><div class="px-6 py-3"></div><div class="px-3 py-3 text-center text-foreground-100"><small class="font-medium">Free</small></div><div class="px-3 py-3 text-center text-foreground-100"><small class="font-medium">Pay-as-you-go</small></div><div class="px-3 py-3 text-center text-foreground-100"><small class="font-medium">Contract</small></div></div></div><div class="border-b border-border-100 last:border-b-0"><button type="button" class="group flex w-full items-center justify-between px-4 py-3 text-left hover:bg-foreground-100/2 md:px-6" aria-expanded="true"><span class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.sase.featureGroups.0.groupName" data-cms-type="text">Usage &amp; Support</span><svg viewBox="0 0 256 256" class="inline-block shrink-0 size-4 text-foreground-200/70 dark:text-tertiary transition-transform duration-200 rotate-180" aria-hidden="true"><use href="/icons.svg#caretDown"></use></svg></button><div><div class="border-t border-border-100/50 bg-background-100"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(3, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.sase.featureGroups.0.rows.0.feature" data-cms-type="text">User Limit</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200">50 users</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200">No limit</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200">No limit</span></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.sase.featureGroups.0.rows.0.feature" data-cms-type="text">User Limit</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><span class="text-foreground-200">50 users</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pay-as-you-go</small><span class="text-foreground-200">No limit</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><span class="text-foreground-200">No limit</span></div></div></div></div><div class="border-t border-border-100/50 bg-background-200/30"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(3, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.sase.featureGroups.0.rows.1.feature" data-cms-type="text">Support</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200">Community forums + Discord</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200">Chat and ticket support</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200">Phone, chat, ticket; professional services available (add-on)</span></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.sase.featureGroups.0.rows.1.feature" data-cms-type="text">Support</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><span class="text-foreground-200">Community forums + Discord</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pay-as-you-go</small><span class="text-foreground-200">Chat and ticket support</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><span class="text-foreground-200">Phone, chat, ticket; professional services available (add-on)</span></div></div></div></div><div class="border-t border-border-100/50 bg-background-100"><div class="hidden md:grid" style="grid-template-columns:minmax(200px, 1fr) repeat(3, minmax(120px, 1fr))"><div class="flex items-center gap-2 px-6 py-3"><span class="text-foreground-200" data-cms-path="pricingPage.plans.sase.featureGroups.0.rows.2.feature" data-cms-type="text">Standard Log Retention</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200">Up to 24 hours</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200">Up to 30 days</span></div><div class="flex items-center justify-center px-3 py-3 text-center"><span class="text-foreground-200">Up to 6 months; Logpush to SIEM/cloud storage</span></div></div><div class="px-4 py-3 md:hidden"><p class="text-foreground-100 mb-2 font-medium" data-cms-path="pricingPage.plans.sase.featureGroups.0.rows.2.feature" data-cms-type="text">Standard Log Retention</p><div class="grid grid-cols-2 gap-x-4 gap-y-1.5"><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Free</small><span class="text-foreground-200">Up to 24 hours</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Pay-as-you-go</small><span class="text-foreground-200">Up to 30 days</span></div><div class="flex items-center justify-between gap-2"><small class="text-foreground-200/70 dark:text-tertiary shrink-0">Contract</small><span class="text-foreground-200">Up to 6 months; Logpush to SIEM/cloud storage</span></div></div></div></div></div></div><div class="border-b border-border-100 last:border-b-0"><button type="button" class="group flex w-full items-center justify-between px-4 py-3 text-left hover:bg-foreground-100/2 md:px-6" aria-expanded="false"><span class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.sase.featureGroups.1.groupName" data-cms-type="text">Connectivity</span><svg viewBox="0 0 256 256" class="inline-block shrink-0 size-4 text-foreground-200/70 dark:text-tertiary transition-transform duration-200" aria-hidden="true"><use href="/icons.svg#caretDown"></use></svg></button></div><div class="border-b border-border-100 last:border-b-0"><button type="button" class="group flex w-full items-center justify-between px-4 py-3 text-left hover:bg-foreground-100/2 md:px-6" aria-expanded="false"><span class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.sase.featureGroups.2.groupName" data-cms-type="text">Core Security</span><svg viewBox="0 0 256 256" class="inline-block shrink-0 size-4 text-foreground-200/70 dark:text-tertiary transition-transform duration-200" aria-hidden="true"><use href="/icons.svg#caretDown"></use></svg></button></div><div class="border-b border-border-100 last:border-b-0"><button type="button" class="group flex w-full items-center justify-between px-4 py-3 text-left hover:bg-foreground-100/2 md:px-6" aria-expanded="false"><span class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.sase.featureGroups.3.groupName" data-cms-type="text">Advanced Security</span><svg viewBox="0 0 256 256" class="inline-block shrink-0 size-4 text-foreground-200/70 dark:text-tertiary transition-transform duration-200" aria-hidden="true"><use href="/icons.svg#caretDown"></use></svg></button></div></div></div></div><div id="pricing-panel-2" role="tabpanel" aria-labelledby="pricing-tab-2" class="col-start-1 col-end-2 row-start-1 row-end-2 min-w-0 pointer-events-none absolute inset-0 overflow-hidden" aria-hidden="true" inert="" style="opacity:0;transform:translateX(24px)"><div class="space-y-3 p-2 sm:p-3"><div class="scrollbar-hide -mx-2 flex gap-1.5 overflow-x-auto px-2 sm:mx-0 sm:flex-wrap sm:justify-center sm:overflow-x-visible sm:px-0" role="tablist" aria-label="Developer Platform categories"><button type="button" role="tab" id="pricing-dev-category-tab-0" aria-selected="true" aria-controls="pricing-category-panel-0" tabindex="0" class="inline-flex shrink-0 items-center gap-1.5 rounded-full border px-3 py-1.5 text-base font-medium whitespace-nowrap transition-colors hover:border-accent-100 hover:bg-accent-100 hover:text-light-foreground border-accent-100/30 bg-background-100 text-foreground-100" data-cms-path="pricingPage.plans.categories.0.title" data-cms-type="text"><svg viewBox="0 0 11 17" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#flash"></use></svg>Compute</button><button type="button" role="tab" id="pricing-dev-category-tab-1" aria-selected="false" aria-controls="pricing-category-panel-1" tabindex="-1" class="inline-flex shrink-0 items-center gap-1.5 rounded-full border px-3 py-1.5 text-base font-medium whitespace-nowrap transition-colors hover:border-accent-100 hover:bg-accent-100 hover:text-light-foreground border-border-100 border-dashed text-foreground-200" data-cms-path="pricingPage.plans.categories.1.title" data-cms-type="text"><svg viewBox="0 0 20 19" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#datasource"></use></svg>Storage &amp; Data</button><button type="button" role="tab" id="pricing-dev-category-tab-2" aria-selected="false" aria-controls="pricing-category-panel-2" tabindex="-1" class="inline-flex shrink-0 items-center gap-1.5 rounded-full border px-3 py-1.5 text-base font-medium whitespace-nowrap transition-colors hover:border-accent-100 hover:bg-accent-100 hover:text-light-foreground border-border-100 border-dashed text-foreground-200" data-cms-path="pricingPage.plans.categories.2.title" data-cms-type="text"><svg viewBox="0 0 16 19" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#cube"></use></svg>Media</button><button type="button" role="tab" id="pricing-dev-category-tab-3" aria-selected="false" aria-controls="pricing-category-panel-3" tabindex="-1" class="inline-flex shrink-0 items-center gap-1.5 rounded-full border px-3 py-1.5 text-base font-medium whitespace-nowrap transition-colors hover:border-accent-100 hover:bg-accent-100 hover:text-light-foreground border-border-100 border-dashed text-foreground-200" data-cms-path="pricingPage.plans.categories.3.title" data-cms-type="text"><svg viewBox="0 0 15 15" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#aI"></use></svg>AI</button><button type="button" role="tab" id="pricing-dev-category-tab-4" aria-selected="false" aria-controls="pricing-category-panel-4" tabindex="-1" class="inline-flex shrink-0 items-center gap-1.5 rounded-full border px-3 py-1.5 text-base font-medium whitespace-nowrap transition-colors hover:border-accent-100 hover:bg-accent-100 hover:text-light-foreground border-border-100 border-dashed text-foreground-200" data-cms-path="pricingPage.plans.categories.4.title" data-cms-type="text"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#meter"></use></svg>Observability</button><button type="button" role="tab" id="pricing-dev-category-tab-5" aria-selected="false" aria-controls="pricing-category-panel-5" tabindex="-1" class="inline-flex shrink-0 items-center gap-1.5 rounded-full border px-3 py-1.5 text-base font-medium whitespace-nowrap transition-colors hover:border-accent-100 hover:bg-accent-100 hover:text-light-foreground border-border-100 border-dashed text-foreground-200" data-cms-path="pricingPage.plans.categories.5.title" data-cms-type="text"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#earth"></use></svg>Other Services</button></div><div class="relative grid grid-cols-1 grid-rows-1"><div role="tabpanel" id="pricing-category-panel-0" aria-labelledby="pricing-dev-category-tab-0" class="col-start-1 col-end-2 row-start-1 row-end-2 min-w-0 relative" aria-hidden="false" style="opacity:1;transform:none"><div class="space-y-2"><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Workers"/><meta itemProp="description" content="Serverless functions that run everywhere, instantly"/><link itemProp="url" href="https://developers.cloudflare.com/workers/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/workers/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.0.services.0.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.0.name" data-cms-type="text">Workers</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.0.description" data-cms-type="text">Serverless functions that run everywhere, instantly</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Workers pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Requests"/><meta itemProp="price" content="0.30"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="100k / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.0.components.0.name" data-cms-type="text">Requests</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.0.components.0.free" data-cms-type="text">100k / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.0.components.0.price" data-cms-type="text">$0.30 / million requests</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="CPU Time"/><meta itemProp="price" content="0.02"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="10 ms / request"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.0.components.1.name" data-cms-type="text">CPU Time</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.0.components.1.free" data-cms-type="text">10 ms / request</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.0.components.1.price" data-cms-type="text">$0.02 / million CPU ms</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Requests"/><meta itemProp="price" content="0.30"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.0.components.0.name" data-cms-type="text">Requests</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.0.components.0.free" data-cms-type="text">100k / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.0.components.0.price" data-cms-type="text">$0.30 / million requests</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="CPU Time"/><meta itemProp="price" content="0.02"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.0.components.1.name" data-cms-type="text">CPU Time</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.0.components.1.free" data-cms-type="text">10 ms / request</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.0.components.1.price" data-cms-type="text">$0.02 / million CPU ms</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Containers"/><meta itemProp="description" content="Run any language in secure, global containers (also applies to Sandboxes)"/><link itemProp="url" href="https://developers.cloudflare.com/containers/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/containers/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.0.services.1.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.1.name" data-cms-type="text">Containers</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.description" data-cms-type="text">Run any language in secure, global containers (also applies to Sandboxes)</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Containers pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Memory"/><meta itemProp="price" content="0.0000025"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="25 GiB-hrs included"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.0.name" data-cms-type="text">Memory</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.0.free" data-cms-type="text">25 GiB-hrs included</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.0.price" data-cms-type="text">$0.0000025 / GiB-second</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="CPU"/><meta itemProp="price" content="0.000020"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="375 vCPU-min included"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.1.name" data-cms-type="text">CPU</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.1.free" data-cms-type="text">375 vCPU-min included</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.1.price" data-cms-type="text">$0.000020 / vCPU-second</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Disk"/><meta itemProp="price" content="0.00000007"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="200 GB-hrs included"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.2.name" data-cms-type="text">Disk</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.2.free" data-cms-type="text">200 GB-hrs included</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.2.price" data-cms-type="text">$0.00000007 / GB-second</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Network Egress (NA/EU)"/><meta itemProp="price" content="0.025"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="1 TB included"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.3.name" data-cms-type="text">Network Egress (NA/EU)</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.3.free" data-cms-type="text">1 TB included</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.3.price" data-cms-type="text">$0.025 / GB</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Memory"/><meta itemProp="price" content="0.0000025"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.1.components.0.name" data-cms-type="text">Memory</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.0.free" data-cms-type="text">25 GiB-hrs included</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.0.price" data-cms-type="text">$0.0000025 / GiB-second</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="CPU"/><meta itemProp="price" content="0.000020"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.1.components.1.name" data-cms-type="text">CPU</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.1.free" data-cms-type="text">375 vCPU-min included</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.1.price" data-cms-type="text">$0.000020 / vCPU-second</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Disk"/><meta itemProp="price" content="0.00000007"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.1.components.2.name" data-cms-type="text">Disk</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.2.free" data-cms-type="text">200 GB-hrs included</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.2.price" data-cms-type="text">$0.00000007 / GB-second</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Network Egress (NA/EU)"/><meta itemProp="price" content="0.025"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.1.components.3.name" data-cms-type="text">Network Egress (NA/EU)</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.3.free" data-cms-type="text">1 TB included</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.1.components.3.price" data-cms-type="text">$0.025 / GB</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Workers for Platforms"/><meta itemProp="description" content="Deploy Workers on behalf of your customers"/><link itemProp="url" href="https://developers.cloudflare.com/cloudflare-for-platforms/workers-for-platforms/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/cloudflare-for-platforms/workers-for-platforms/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.0.services.2.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.2.name" data-cms-type="text">Workers for Platforms</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.description" data-cms-type="text">Deploy Workers on behalf of your customers</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Workers for Platforms pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Requests"/><meta itemProp="price" content="0.30"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.0.name" data-cms-type="text">Requests</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.0.price" data-cms-type="text">$0.30 / million requests</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="CPU Time"/><meta itemProp="price" content="0.02"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.1.name" data-cms-type="text">CPU Time</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.1.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.1.price" data-cms-type="text">$0.02 / million CPU ms</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Scripts Deployed"/><meta itemProp="price" content="0.02"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.2.name" data-cms-type="text">Scripts Deployed</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.2.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.2.price" data-cms-type="text">$0.02 / script</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Requests"/><meta itemProp="price" content="0.30"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.2.components.0.name" data-cms-type="text">Requests</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.0.price" data-cms-type="text">$0.30 / million requests</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="CPU Time"/><meta itemProp="price" content="0.02"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.2.components.1.name" data-cms-type="text">CPU Time</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.1.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.1.price" data-cms-type="text">$0.02 / million CPU ms</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Scripts Deployed"/><meta itemProp="price" content="0.02"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.2.components.2.name" data-cms-type="text">Scripts Deployed</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.2.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.2.components.2.price" data-cms-type="text">$0.02 / script</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Durable Objects"/><meta itemProp="description" content="Stateful compute for real-time coordination"/><link itemProp="url" href="https://developers.cloudflare.com/durable-objects/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/durable-objects/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.0.services.3.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.3.name" data-cms-type="text">Durable Objects</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.description" data-cms-type="text">Stateful compute for real-time coordination</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Durable Objects pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Requests"/><meta itemProp="price" content="0.15"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="100,000 requests / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.0.name" data-cms-type="text">Requests</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.0.free" data-cms-type="text">100,000 requests / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.0.price" data-cms-type="text">$0.15 / million requests</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Duration"/><meta itemProp="price" content="12.50"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="13,000 GB-s / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.1.name" data-cms-type="text">Duration</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.1.free" data-cms-type="text">13,000 GB-s / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.1.price" data-cms-type="text">$12.50 / million GB-s</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="SQL Rows Read"/><meta itemProp="price" content="0.001"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="50M / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.2.name" data-cms-type="text">SQL Rows Read</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.2.free" data-cms-type="text">50M / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.2.price" data-cms-type="text">$0.001 / million rows</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="SQL Rows Written"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="100K / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.3.name" data-cms-type="text">SQL Rows Written</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.3.free" data-cms-type="text">100K / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.3.price" data-cms-type="text">$1.00 / million rows</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="SQL Stored Data"/><meta itemProp="price" content="0.20"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="5 GB"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.4.name" data-cms-type="text">SQL Stored Data</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.4.free" data-cms-type="text">5 GB</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.4.price" data-cms-type="text">$0.20 / GB-month</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Read Request Units (KV Storage Backend)"/><meta itemProp="price" content="0.20"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.5.name" data-cms-type="text">Read Request Units (KV Storage Backend)</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.5.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.5.price" data-cms-type="text">$0.20 / million rows</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Write Request Units (KV Storage Backend)"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.6.name" data-cms-type="text">Write Request Units (KV Storage Backend)</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.6.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.6.price" data-cms-type="text">$1.00 / million rows</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Delete Request Units (KV Storage Backend)"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.7.name" data-cms-type="text">Delete Request Units (KV Storage Backend)</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.7.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.7.price" data-cms-type="text">$1.00 / million rows</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Stored Data (KV Storage Backend)"/><meta itemProp="price" content="0.20"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="1 GB"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.8.name" data-cms-type="text">Stored Data (KV Storage Backend)</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.8.free" data-cms-type="text">1 GB</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.8.price" data-cms-type="text">$0.20 / GB-month</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Requests"/><meta itemProp="price" content="0.15"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.3.components.0.name" data-cms-type="text">Requests</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.0.free" data-cms-type="text">100,000 requests / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.0.price" data-cms-type="text">$0.15 / million requests</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Duration"/><meta itemProp="price" content="12.50"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.3.components.1.name" data-cms-type="text">Duration</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.1.free" data-cms-type="text">13,000 GB-s / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.1.price" data-cms-type="text">$12.50 / million GB-s</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="SQL Rows Read"/><meta itemProp="price" content="0.001"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.3.components.2.name" data-cms-type="text">SQL Rows Read</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.2.free" data-cms-type="text">50M / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.2.price" data-cms-type="text">$0.001 / million rows</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="SQL Rows Written"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.3.components.3.name" data-cms-type="text">SQL Rows Written</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.3.free" data-cms-type="text">100K / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.3.price" data-cms-type="text">$1.00 / million rows</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="SQL Stored Data"/><meta itemProp="price" content="0.20"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.3.components.4.name" data-cms-type="text">SQL Stored Data</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.4.free" data-cms-type="text">5 GB</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.4.price" data-cms-type="text">$0.20 / GB-month</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Read Request Units (KV Storage Backend)"/><meta itemProp="price" content="0.20"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.3.components.5.name" data-cms-type="text">Read Request Units (KV Storage Backend)</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.5.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.5.price" data-cms-type="text">$0.20 / million rows</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Write Request Units (KV Storage Backend)"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.3.components.6.name" data-cms-type="text">Write Request Units (KV Storage Backend)</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.6.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.6.price" data-cms-type="text">$1.00 / million rows</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Delete Request Units (KV Storage Backend)"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.3.components.7.name" data-cms-type="text">Delete Request Units (KV Storage Backend)</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.7.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.7.price" data-cms-type="text">$1.00 / million rows</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Stored Data (KV Storage Backend)"/><meta itemProp="price" content="0.20"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.3.components.8.name" data-cms-type="text">Stored Data (KV Storage Backend)</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.8.free" data-cms-type="text">1 GB</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.3.components.8.price" data-cms-type="text">$0.20 / GB-month</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Browser Rendering"/><meta itemProp="description" content="Spin up headless, programmable web browsers"/><link itemProp="url" href="https://developers.cloudflare.com/browser-rendering/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/browser-rendering/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.0.services.4.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.4.name" data-cms-type="text">Browser Rendering</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.4.description" data-cms-type="text">Spin up headless, programmable web browsers</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Browser Rendering pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Browser Hours"/><meta itemProp="price" content="0.09"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="10 min / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.4.components.0.name" data-cms-type="text">Browser Hours</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.4.components.0.free" data-cms-type="text">10 min / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.4.components.0.price" data-cms-type="text">$0.09 / hour</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Concurrent Browsers"/><meta itemProp="price" content="2.00"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="3 browsers"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.4.components.1.name" data-cms-type="text">Concurrent Browsers</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.4.components.1.free" data-cms-type="text">3 browsers</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.4.components.1.price" data-cms-type="text">$2.00 / browser</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Browser Hours"/><meta itemProp="price" content="0.09"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.4.components.0.name" data-cms-type="text">Browser Hours</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.4.components.0.free" data-cms-type="text">10 min / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.4.components.0.price" data-cms-type="text">$0.09 / hour</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Concurrent Browsers"/><meta itemProp="price" content="2.00"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.4.components.1.name" data-cms-type="text">Concurrent Browsers</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.4.components.1.free" data-cms-type="text">3 browsers</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.4.components.1.price" data-cms-type="text">$2.00 / browser</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Workflows"/><meta itemProp="description" content="Orchestrate complex multi-step processes"/><link itemProp="url" href="https://developers.cloudflare.com/workflows/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/workflows/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.0.services.5.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.5.name" data-cms-type="text">Workflows</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.description" data-cms-type="text">Orchestrate complex multi-step processes</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Workflows pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Requests"/><meta itemProp="price" content="0.30"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="100k / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.0.name" data-cms-type="text">Requests</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.0.free" data-cms-type="text">100k / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.0.price" data-cms-type="text">$0.30 / million requests</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="CPU Time"/><meta itemProp="price" content="0.02"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="10 ms / invocation"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.1.name" data-cms-type="text">CPU Time</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.1.free" data-cms-type="text">10 ms / invocation</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.1.price" data-cms-type="text">$0.02 / million CPU ms</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Storage"/><meta itemProp="price" content="0.20"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="1 GB"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.2.name" data-cms-type="text">Storage</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.2.free" data-cms-type="text">1 GB</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.2.price" data-cms-type="text">$0.20 / GB-month</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Requests"/><meta itemProp="price" content="0.30"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.5.components.0.name" data-cms-type="text">Requests</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.0.free" data-cms-type="text">100k / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.0.price" data-cms-type="text">$0.30 / million requests</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="CPU Time"/><meta itemProp="price" content="0.02"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.5.components.1.name" data-cms-type="text">CPU Time</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.1.free" data-cms-type="text">10 ms / invocation</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.1.price" data-cms-type="text">$0.02 / million CPU ms</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Storage"/><meta itemProp="price" content="0.20"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.5.components.2.name" data-cms-type="text">Storage</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.2.free" data-cms-type="text">1 GB</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.5.components.2.price" data-cms-type="text">$0.20 / GB-month</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Dynamic Workers"/><meta itemProp="description" content="Spin up Workers at runtime to execute code on-demand"/><header class="mb-4 md:mb-6"><a href="" class="group flex w-full flex-col gap-2 text-left cursor-auto" data-cms-path="pricingPage.plans.categories.0.services.6.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.6.name" data-cms-type="text">Dynamic Workers</h4></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.6.description" data-cms-type="text">Spin up Workers at runtime to execute code on-demand</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Dynamic Workers pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Dynamic Workers"/><meta itemProp="price" content="0.002"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="—"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.6.components.0.name" data-cms-type="text">Dynamic Workers</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.6.components.0.free" data-cms-type="text">—</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.6.components.0.price" data-cms-type="text">$0.002 / Dynamic Worker</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Dynamic Workers"/><meta itemProp="price" content="0.002"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.0.services.6.components.0.name" data-cms-type="text">Dynamic Workers</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.6.components.0.free" data-cms-type="text">—</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.0.services.6.components.0.price" data-cms-type="text">$0.002 / Dynamic Worker</p></div></div></div></div></article></div></div></div></div><div role="tabpanel" id="pricing-category-panel-1" aria-labelledby="pricing-dev-category-tab-1" class="col-start-1 col-end-2 row-start-1 row-end-2 min-w-0 pointer-events-none absolute inset-0 overflow-hidden" aria-hidden="true" inert="" style="opacity:0;transform:translateX(24px)"><div class="space-y-2"><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="R2"/><meta itemProp="description" content="Object storage without egress fees"/><link itemProp="url" href="https://developers.cloudflare.com/r2/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/r2/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.1.services.0.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.0.name" data-cms-type="text">R2</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.description" data-cms-type="text">Object storage without egress fees</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="R2 pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Standard Storage"/><meta itemProp="price" content="0.015"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="10 GB-month"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.0.name" data-cms-type="text">Standard Storage</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.0.free" data-cms-type="text">10 GB-month</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.0.price" data-cms-type="text">$0.015 / GB-month</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Standard Class A operations"/><meta itemProp="price" content="4.50"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="1 million"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.1.name" data-cms-type="text">Standard Class A operations</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.1.free" data-cms-type="text">1 million</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.1.price" data-cms-type="text">$4.50 / million requests</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Standard Class B operations"/><meta itemProp="price" content="0.36"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="10 million"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.2.name" data-cms-type="text">Standard Class B operations</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.2.free" data-cms-type="text">10 million</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.2.price" data-cms-type="text">$0.36 / million requests</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Infrequent Access Storage"/><meta itemProp="price" content="0.01"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.3.name" data-cms-type="text">Infrequent Access Storage</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.3.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.3.price" data-cms-type="text">$0.01 / GB-month</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Infrequent Access Class A operations"/><meta itemProp="price" content="9.00"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.4.name" data-cms-type="text">Infrequent Access Class A operations</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.4.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.4.price" data-cms-type="text">$9.00 / million requests</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Infrequent Access Class B operations"/><meta itemProp="price" content="0.90"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.5.name" data-cms-type="text">Infrequent Access Class B operations</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.5.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.5.price" data-cms-type="text">$0.90 / million requests</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Infrequent Access Data Retrieval"/><meta itemProp="price" content="0.01"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.6.name" data-cms-type="text">Infrequent Access Data Retrieval</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.6.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.6.price" data-cms-type="text">$0.01 / GB</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Standard Storage"/><meta itemProp="price" content="0.015"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.0.components.0.name" data-cms-type="text">Standard Storage</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.0.free" data-cms-type="text">10 GB-month</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.0.price" data-cms-type="text">$0.015 / GB-month</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Standard Class A operations"/><meta itemProp="price" content="4.50"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.0.components.1.name" data-cms-type="text">Standard Class A operations</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.1.free" data-cms-type="text">1 million</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.1.price" data-cms-type="text">$4.50 / million requests</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Standard Class B operations"/><meta itemProp="price" content="0.36"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.0.components.2.name" data-cms-type="text">Standard Class B operations</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.2.free" data-cms-type="text">10 million</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.2.price" data-cms-type="text">$0.36 / million requests</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Infrequent Access Storage"/><meta itemProp="price" content="0.01"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.0.components.3.name" data-cms-type="text">Infrequent Access Storage</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.3.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.3.price" data-cms-type="text">$0.01 / GB-month</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Infrequent Access Class A operations"/><meta itemProp="price" content="9.00"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.0.components.4.name" data-cms-type="text">Infrequent Access Class A operations</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.4.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.4.price" data-cms-type="text">$9.00 / million requests</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Infrequent Access Class B operations"/><meta itemProp="price" content="0.90"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.0.components.5.name" data-cms-type="text">Infrequent Access Class B operations</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.5.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.5.price" data-cms-type="text">$0.90 / million requests</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Infrequent Access Data Retrieval"/><meta itemProp="price" content="0.01"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.0.components.6.name" data-cms-type="text">Infrequent Access Data Retrieval</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.6.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.0.components.6.price" data-cms-type="text">$0.01 / GB</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Workers KV"/><meta itemProp="description" content="Lightning-fast key-value storage"/><link itemProp="url" href="https://developers.cloudflare.com/kv/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/kv/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.1.services.1.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.1.name" data-cms-type="text">Workers KV</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.description" data-cms-type="text">Lightning-fast key-value storage</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Workers KV pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Stored Data"/><meta itemProp="price" content="0.50"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="1 GB"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.0.name" data-cms-type="text">Stored Data</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.0.free" data-cms-type="text">1 GB</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.0.price" data-cms-type="text">$0.50 / GB-month</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Read Requests"/><meta itemProp="price" content="0.50"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="100,000 / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.1.name" data-cms-type="text">Read Requests</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.1.free" data-cms-type="text">100,000 / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.1.price" data-cms-type="text">$0.50 / million requests</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Write, Delete, List requests"/><meta itemProp="price" content="5.00"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="1,000 / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.2.name" data-cms-type="text">Write, Delete, List requests</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.2.free" data-cms-type="text">1,000 / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.2.price" data-cms-type="text">$5.00 / million requests</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Stored Data"/><meta itemProp="price" content="0.50"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.1.components.0.name" data-cms-type="text">Stored Data</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.0.free" data-cms-type="text">1 GB</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.0.price" data-cms-type="text">$0.50 / GB-month</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Read Requests"/><meta itemProp="price" content="0.50"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.1.components.1.name" data-cms-type="text">Read Requests</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.1.free" data-cms-type="text">100,000 / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.1.price" data-cms-type="text">$0.50 / million requests</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Write, Delete, List requests"/><meta itemProp="price" content="5.00"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.1.components.2.name" data-cms-type="text">Write, Delete, List requests</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.2.free" data-cms-type="text">1,000 / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.1.components.2.price" data-cms-type="text">$5.00 / million requests</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="D1"/><meta itemProp="description" content="Serverless SQL that scales horizontally"/><link itemProp="url" href="https://developers.cloudflare.com/d1/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/d1/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.1.services.2.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.2.name" data-cms-type="text">D1</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.description" data-cms-type="text">Serverless SQL that scales horizontally</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="D1 pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Storage"/><meta itemProp="price" content="0.75"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="5 GB (total)"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.0.name" data-cms-type="text">Storage</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.0.free" data-cms-type="text">5 GB (total)</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.0.price" data-cms-type="text">$0.75 / GB-month</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Rows Read"/><meta itemProp="price" content="0.001"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="5 million / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.1.name" data-cms-type="text">Rows Read</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.1.free" data-cms-type="text">5 million / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.1.price" data-cms-type="text">$0.001 / million rows</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Rows Written"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="100,000 / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.2.name" data-cms-type="text">Rows Written</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.2.free" data-cms-type="text">100,000 / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.2.price" data-cms-type="text">$1.00 / million rows</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Storage"/><meta itemProp="price" content="0.75"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.2.components.0.name" data-cms-type="text">Storage</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.0.free" data-cms-type="text">5 GB (total)</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.0.price" data-cms-type="text">$0.75 / GB-month</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Rows Read"/><meta itemProp="price" content="0.001"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.2.components.1.name" data-cms-type="text">Rows Read</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.1.free" data-cms-type="text">5 million / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.1.price" data-cms-type="text">$0.001 / million rows</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Rows Written"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.2.components.2.name" data-cms-type="text">Rows Written</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.2.free" data-cms-type="text">100,000 / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.2.components.2.price" data-cms-type="text">$1.00 / million rows</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Queues"/><meta itemProp="description" content="Reliable message processing"/><link itemProp="url" href="https://developers.cloudflare.com/queues/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/queues/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.1.services.3.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.3.name" data-cms-type="text">Queues</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.3.description" data-cms-type="text">Reliable message processing</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Queues pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Standard Operations"/><meta itemProp="price" content="0.40"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="10,000 operations/day included"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.3.components.0.name" data-cms-type="text">Standard Operations</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.3.components.0.free" data-cms-type="text">10,000 operations/day included</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.3.components.0.price" data-cms-type="text">$0.40 / million operations</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Standard Operations"/><meta itemProp="price" content="0.40"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.3.components.0.name" data-cms-type="text">Standard Operations</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.3.components.0.free" data-cms-type="text">10,000 operations/day included</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.3.components.0.price" data-cms-type="text">$0.40 / million operations</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Hyperdrive"/><meta itemProp="description" content="Make any database global instantly"/><link itemProp="url" href="https://developers.cloudflare.com/hyperdrive/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/hyperdrive/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.1.services.4.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.4.name" data-cms-type="text">Hyperdrive</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.4.description" data-cms-type="text">Make any database global instantly</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Hyperdrive pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Queries"/><meta itemProp="price" content="0"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content=" 100,000 / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.4.components.0.name" data-cms-type="text">Queries</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.4.components.0.free" data-cms-type="text"> 100,000 / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.4.components.0.price" data-cms-type="text">Free</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Queries"/><meta itemProp="price" content="0"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.4.components.0.name" data-cms-type="text">Queries</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.4.components.0.free" data-cms-type="text"> 100,000 / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.4.components.0.price" data-cms-type="text">Free</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Workers Analytics Engine"/><meta itemProp="description" content="Time-series analytics at scale"/><link itemProp="url" href="https://developers.cloudflare.com/analytics/analytics-engine/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/analytics/analytics-engine/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.1.services.5.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.5.name" data-cms-type="text">Workers Analytics Engine</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.5.description" data-cms-type="text">Time-series analytics at scale</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Workers Analytics Engine pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Data Points Written"/><meta itemProp="price" content="0.25"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="100,000 / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.5.components.0.name" data-cms-type="text">Data Points Written</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.5.components.0.free" data-cms-type="text">100,000 / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.5.components.0.price" data-cms-type="text">$0.25 / million data points</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Read Queries"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="10,000 / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.5.components.1.name" data-cms-type="text">Read Queries</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.5.components.1.free" data-cms-type="text">10,000 / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.5.components.1.price" data-cms-type="text">$1.00 / million read queries</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Data Points Written"/><meta itemProp="price" content="0.25"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.5.components.0.name" data-cms-type="text">Data Points Written</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.5.components.0.free" data-cms-type="text">100,000 / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.5.components.0.price" data-cms-type="text">$0.25 / million data points</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Read Queries"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.5.components.1.name" data-cms-type="text">Read Queries</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.5.components.1.free" data-cms-type="text">10,000 / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.5.components.1.price" data-cms-type="text">$1.00 / million read queries</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Pipelines"/><meta itemProp="description" content="Transform and route data streams"/><link itemProp="url" href="https://developers.cloudflare.com/pipelines/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/pipelines/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.1.services.6.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.6.name" data-cms-type="text">Pipelines</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.6.description" data-cms-type="text">Transform and route data streams</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Pipelines pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Ingestion"/><meta itemProp="price" content="0"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.6.components.0.name" data-cms-type="text">Ingestion</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.6.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.6.components.0.price" data-cms-type="text">TBD (free during beta)</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Delivery to R2"/><meta itemProp="price" content="0"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.6.components.1.name" data-cms-type="text">Delivery to R2</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.6.components.1.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.6.components.1.price" data-cms-type="text">TBD (free during beta)</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Ingestion"/><meta itemProp="price" content="0"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.6.components.0.name" data-cms-type="text">Ingestion</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.6.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.6.components.0.price" data-cms-type="text">TBD (free during beta)</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Delivery to R2"/><meta itemProp="price" content="0"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.1.services.6.components.1.name" data-cms-type="text">Delivery to R2</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.6.components.1.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.1.services.6.components.1.price" data-cms-type="text">TBD (free during beta)</p></div></div></div></div></article></div></div></div></div><div role="tabpanel" id="pricing-category-panel-2" aria-labelledby="pricing-dev-category-tab-2" class="col-start-1 col-end-2 row-start-1 row-end-2 min-w-0 pointer-events-none absolute inset-0 overflow-hidden" aria-hidden="true" inert="" style="opacity:0;transform:translateX(24px)"><div class="space-y-2"><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="TURN / SFU"/><meta itemProp="description" content="WebRTC infrastructure for real-time communication"/><link itemProp="url" href="https://developers.cloudflare.com/realtime/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/realtime/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.2.services.0.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.0.name" data-cms-type="text">TURN / SFU</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.0.description" data-cms-type="text">WebRTC infrastructure for real-time communication</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="TURN / SFU pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Data Egress"/><meta itemProp="price" content="0.05"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="1,000 GB / month"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.0.components.0.name" data-cms-type="text">Data Egress</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.0.components.0.free" data-cms-type="text">1,000 GB / month</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.0.components.0.price" data-cms-type="text">$0.05 / GB</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Data Egress"/><meta itemProp="price" content="0.05"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.0.components.0.name" data-cms-type="text">Data Egress</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.0.components.0.free" data-cms-type="text">1,000 GB / month</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.0.components.0.price" data-cms-type="text">$0.05 / GB</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="RealtimeKit"/><meta itemProp="description" content="Serverless WebRTC conferencing"/><link itemProp="url" href="https://developers.cloudflare.com/realtime/realtimekit/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/realtime/realtimekit/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.2.services.1.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.1.name" data-cms-type="text">RealtimeKit</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.description" data-cms-type="text">Serverless WebRTC conferencing</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="RealtimeKit pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Audio/Video Participant"/><meta itemProp="price" content="0.002"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.0.name" data-cms-type="text">Audio/Video Participant</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.0.price" data-cms-type="text">$0.002 / minute</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Audio-Only Participant"/><meta itemProp="price" content="0.0005"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.1.name" data-cms-type="text">Audio-Only Participant</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.1.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.1.price" data-cms-type="text">$0.0005 / minute</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Export (recording, RTMP or HLS streaming)"/><meta itemProp="price" content="0.010"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.2.name" data-cms-type="text">Export (recording, RTMP or HLS streaming)</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.2.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.2.price" data-cms-type="text">$0.010 / minute</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Export (recording, RTMP or HLS streaming, audio only)"/><meta itemProp="price" content="0.003"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.3.name" data-cms-type="text">Export (recording, RTMP or HLS streaming, audio only)</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.3.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.3.price" data-cms-type="text">$0.003 / minute</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Export (Raw RTP) into R2"/><meta itemProp="price" content="0.0005"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.4.name" data-cms-type="text">Export (Raw RTP) into R2</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.4.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.4.price" data-cms-type="text">$0.0005 / minute</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Transcription (Real-time)"/><meta itemProp="price" content="0"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.5.name" data-cms-type="text">Transcription (Real-time)</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.5.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.5.price" data-cms-type="text">Standard model pricing via Workers AI</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Audio/Video Participant"/><meta itemProp="price" content="0.002"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.1.components.0.name" data-cms-type="text">Audio/Video Participant</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.0.price" data-cms-type="text">$0.002 / minute</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Audio-Only Participant"/><meta itemProp="price" content="0.0005"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.1.components.1.name" data-cms-type="text">Audio-Only Participant</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.1.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.1.price" data-cms-type="text">$0.0005 / minute</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Export (recording, RTMP or HLS streaming)"/><meta itemProp="price" content="0.010"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.1.components.2.name" data-cms-type="text">Export (recording, RTMP or HLS streaming)</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.2.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.2.price" data-cms-type="text">$0.010 / minute</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Export (recording, RTMP or HLS streaming, audio only)"/><meta itemProp="price" content="0.003"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.1.components.3.name" data-cms-type="text">Export (recording, RTMP or HLS streaming, audio only)</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.3.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.3.price" data-cms-type="text">$0.003 / minute</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Export (Raw RTP) into R2"/><meta itemProp="price" content="0.0005"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.1.components.4.name" data-cms-type="text">Export (Raw RTP) into R2</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.4.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.4.price" data-cms-type="text">$0.0005 / minute</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Transcription (Real-time)"/><meta itemProp="price" content="0"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.1.components.5.name" data-cms-type="text">Transcription (Real-time)</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.5.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.1.components.5.price" data-cms-type="text">Standard model pricing via Workers AI</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Images"/><meta itemProp="description" content="Transform and optimize at scale"/><link itemProp="url" href="https://developers.cloudflare.com/images/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/images/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.2.services.2.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.2.name" data-cms-type="text">Images</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.description" data-cms-type="text">Transform and optimize at scale</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Images pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Unique Transformations"/><meta itemProp="price" content="0.50"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="5,000 / month"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.0.name" data-cms-type="text">Unique Transformations</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.0.free" data-cms-type="text">5,000 / month</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.0.price" data-cms-type="text">$0.50 / thousand</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Images Stored"/><meta itemProp="price" content="5.00"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.1.name" data-cms-type="text">Images Stored</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.1.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.1.price" data-cms-type="text">$5.00 / hundred thousand</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Images Delivered"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.2.name" data-cms-type="text">Images Delivered</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.2.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.2.price" data-cms-type="text">$1.00 / hundred thousand</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Unique Transformations"/><meta itemProp="price" content="0.50"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.2.components.0.name" data-cms-type="text">Unique Transformations</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.0.free" data-cms-type="text">5,000 / month</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.0.price" data-cms-type="text">$0.50 / thousand</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Images Stored"/><meta itemProp="price" content="5.00"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.2.components.1.name" data-cms-type="text">Images Stored</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.1.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.1.price" data-cms-type="text">$5.00 / hundred thousand</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Images Delivered"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.2.components.2.name" data-cms-type="text">Images Delivered</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.2.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.2.components.2.price" data-cms-type="text">$1.00 / hundred thousand</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Stream"/><meta itemProp="description" content="Video hosting and live streaming"/><link itemProp="url" href="https://developers.cloudflare.com/stream/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/stream/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.2.services.3.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.3.name" data-cms-type="text">Stream</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.3.description" data-cms-type="text">Video hosting and live streaming</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Stream pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Minutes Stored"/><meta itemProp="price" content="5.00"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.3.components.0.name" data-cms-type="text">Minutes Stored</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.3.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.3.components.0.price" data-cms-type="text">$5.00 / thousand minutes</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Minutes Delivered"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.3.components.1.name" data-cms-type="text">Minutes Delivered</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.3.components.1.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.3.components.1.price" data-cms-type="text">$1.00 / thousand minutes</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Minutes Stored"/><meta itemProp="price" content="5.00"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.3.components.0.name" data-cms-type="text">Minutes Stored</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.3.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.3.components.0.price" data-cms-type="text">$5.00 / thousand minutes</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Minutes Delivered"/><meta itemProp="price" content="1.00"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.2.services.3.components.1.name" data-cms-type="text">Minutes Delivered</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.3.components.1.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.2.services.3.components.1.price" data-cms-type="text">$1.00 / thousand minutes</p></div></div></div></div></article></div></div></div></div><div role="tabpanel" id="pricing-category-panel-3" aria-labelledby="pricing-dev-category-tab-3" class="col-start-1 col-end-2 row-start-1 row-end-2 min-w-0 pointer-events-none absolute inset-0 overflow-hidden" aria-hidden="true" inert="" style="opacity:0;transform:translateX(24px)"><div class="space-y-2"><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Vectorize"/><meta itemProp="description" content="Vector database for semantic search"/><link itemProp="url" href="https://developers.cloudflare.com/vectorize/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/vectorize/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.3.services.0.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.3.services.0.name" data-cms-type="text">Vectorize</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.0.description" data-cms-type="text">Vector database for semantic search</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Vectorize pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Vector Dimensions Queried"/><meta itemProp="price" content="0.01"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="30M queried dimensions / month"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.0.components.0.name" data-cms-type="text">Vector Dimensions Queried</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.0.components.0.free" data-cms-type="text">30M queried dimensions / month</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.0.components.0.price" data-cms-type="text">$0.01 / million</p></td></tr><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Vector Dimensions Stored"/><meta itemProp="price" content="0.05"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="5M stored dimensionsNot available"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.0.components.1.name" data-cms-type="text">Vector Dimensions Stored</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.0.components.1.free" data-cms-type="text">5M stored dimensionsNot available</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.0.components.1.price" data-cms-type="text">$0.05 / hundred million</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Vector Dimensions Queried"/><meta itemProp="price" content="0.01"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.3.services.0.components.0.name" data-cms-type="text">Vector Dimensions Queried</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.0.components.0.free" data-cms-type="text">30M queried dimensions / month</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.0.components.0.price" data-cms-type="text">$0.01 / million</p></div></div></div><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Vector Dimensions Stored"/><meta itemProp="price" content="0.05"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.3.services.0.components.1.name" data-cms-type="text">Vector Dimensions Stored</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.0.components.1.free" data-cms-type="text">5M stored dimensionsNot available</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.0.components.1.price" data-cms-type="text">$0.05 / hundred million</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Workers AI"/><meta itemProp="description" content="50+ models running at the edge"/><link itemProp="url" href="https://developers.cloudflare.com/workers-ai/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/workers-ai/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.3.services.1.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.3.services.1.name" data-cms-type="text">Workers AI</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.1.description" data-cms-type="text">50+ models running at the edge</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Workers AI pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Neurons"/><meta itemProp="price" content="0.011"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="10,000 neurons / dayNot available"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.1.components.0.name" data-cms-type="text">Neurons</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.1.components.0.free" data-cms-type="text">10,000 neurons / dayNot available</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.1.components.0.price" data-cms-type="text">$0.011 / thousand neurons</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Neurons"/><meta itemProp="price" content="0.011"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.3.services.1.components.0.name" data-cms-type="text">Neurons</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.1.components.0.free" data-cms-type="text">10,000 neurons / dayNot available</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.3.services.1.components.0.price" data-cms-type="text">$0.011 / thousand neurons</p></div></div></div></div></article></div></div></div></div><div role="tabpanel" id="pricing-category-panel-4" aria-labelledby="pricing-dev-category-tab-4" class="col-start-1 col-end-2 row-start-1 row-end-2 min-w-0 pointer-events-none absolute inset-0 overflow-hidden" aria-hidden="true" inert="" style="opacity:0;transform:translateX(24px)"><div class="space-y-2"><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Workers Logs"/><meta itemProp="description" content="Monitor Workers performance"/><link itemProp="url" href="https://developers.cloudflare.com/workers/observability/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/workers/observability/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.4.services.0.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.4.services.0.name" data-cms-type="text">Workers Logs</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.4.services.0.description" data-cms-type="text">Monitor Workers performance</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Workers Logs pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Events"/><meta itemProp="price" content="0.60"/><meta itemProp="priceCurrency" content="USD"/><meta itemProp="eligibleQuantity" content="200k / day"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.4.services.0.components.0.name" data-cms-type="text">Events</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.4.services.0.components.0.free" data-cms-type="text">200k / day</p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.4.services.0.components.0.price" data-cms-type="text">$0.60 / million events</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Events"/><meta itemProp="price" content="0.60"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.4.services.0.components.0.name" data-cms-type="text">Events</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.4.services.0.components.0.free" data-cms-type="text">200k / day</p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.4.services.0.components.0.price" data-cms-type="text">$0.60 / million events</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Workers Logpush"/><meta itemProp="description" content="Push Workers logs to external destinations"/><link itemProp="url" href="https://developers.cloudflare.com/workers/observability/logpush/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/workers/observability/logpush/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.4.services.1.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.4.services.1.name" data-cms-type="text">Workers Logpush</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.4.services.1.description" data-cms-type="text">Push Workers logs to external destinations</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Workers Logpush pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Requests"/><meta itemProp="price" content="0.05"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.4.services.1.components.0.name" data-cms-type="text">Requests</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.4.services.1.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.4.services.1.components.0.price" data-cms-type="text">$0.05 / million requests</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Requests"/><meta itemProp="price" content="0.05"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.4.services.1.components.0.name" data-cms-type="text">Requests</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.4.services.1.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.4.services.1.components.0.price" data-cms-type="text">$0.05 / million requests</p></div></div></div></div></article></div></div></div></div><div role="tabpanel" id="pricing-category-panel-5" aria-labelledby="pricing-dev-category-tab-5" class="col-start-1 col-end-2 row-start-1 row-end-2 min-w-0 pointer-events-none absolute inset-0 overflow-hidden" aria-hidden="true" inert="" style="opacity:0;transform:translateX(24px)"><div class="space-y-2"><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Workers Builds"/><meta itemProp="description" content="Build Workers at scale"/><link itemProp="url" href="https://developers.cloudflare.com/workers/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/workers/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.5.services.0.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.5.services.0.name" data-cms-type="text">Workers Builds</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.5.services.0.description" data-cms-type="text">Build Workers at scale</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Workers Builds pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Build Minutes"/><meta itemProp="price" content="0.005"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.5.services.0.components.0.name" data-cms-type="text">Build Minutes</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.5.services.0.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.5.services.0.components.0.price" data-cms-type="text">$0.005 / minute</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Build Minutes"/><meta itemProp="price" content="0.005"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.5.services.0.components.0.name" data-cms-type="text">Build Minutes</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.5.services.0.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.5.services.0.components.0.price" data-cms-type="text">$0.005 / minute</p></div></div></div></div></article></div></div><div class="relative bg-background-100" style="border-radius:8px"><svg class="pointer-events-none absolute inset-0 h-full w-full" width="100%" height="100%" fill="none" xmlns="http://www.w3.org/2000/svg" style="z-index:3" aria-hidden="true"><rect x="0.5" y="0.5" width="calc(100% - 1px)" height="calc(100% - 1px)" rx="8" ry="8" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="8,8" stroke-linecap="round" fill="none"></rect></svg><div style="position:relative;z-index:2;height:100%"><article class="relative p-4 pb-0 sm:p-6 md:p-10 md:pb-6" itemScope="" itemType="https://schema.org/Product"><meta itemProp="name" content="Zaraz"/><meta itemProp="description" content="Third-party tool manager"/><link itemProp="url" href="https://developers.cloudflare.com/zaraz/"/><header class="mb-4 md:mb-6"><a href="https://developers.cloudflare.com/zaraz/" class="group flex w-full flex-col gap-2 text-left cursor-pointer" data-cms-path="pricingPage.plans.categories.5.services.1.href" data-cms-type="text"><div class="flex items-center justify-between gap-4"><h4 class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.5.services.1.name" data-cms-type="text">Zaraz</h4><svg viewBox="0 0 11 11" class="inline-block shrink-0 size-3 opacity-70 transition-all duration-500 ease-out group-hover:translate-x-1 group-hover:-translate-y-1 group-hover:opacity-100" aria-hidden="true"><use href="/icons.svg#arrowUpRight"></use></svg></div><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.5.services.1.description" data-cms-type="text">Third-party tool manager</p></a></header><table class="hidden w-full border-collapse md:table" aria-label="Zaraz pricing"><thead><tr class="border-b [&amp;&gt;th]:pb-4 [&amp;&gt;th]:text-left [&amp;&gt;th]:font-normal"><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-auto"><p>Component</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[200px]"><p>Free</p></th><th scope="col" class="text-foreground-200/70 dark:text-tertiary w-[264px]"><p>Paid</p></th></tr></thead><tbody><tr class="hover:bg-background-200 border-t transition-colors duration-200 ease-out first:border-t-0 [&amp;&gt;td]:py-4" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Events"/><meta itemProp="price" content="5.00"/><meta itemProp="priceCurrency" content="USD"/><td><div class="flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block shrink-0 size-5" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.5.services.1.components.0.name" data-cms-type="text">Events</p></div></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.5.services.1.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary" title="Not available in free tier"><span class="sr-only">Not available</span><span aria-hidden="true">—</span></span></p></td><td><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.5.services.1.components.0.price" data-cms-type="text">$5.00 / million events</p></td></tr></tbody></table><div class="space-y-0 md:hidden"><div class="border-t border-border-100/50 py-4 first:border-t-0" itemProp="offers" itemScope="" itemType="https://schema.org/Offer"><meta itemProp="name" content="Events"/><meta itemProp="price" content="5.00"/><meta itemProp="priceCurrency" content="USD"/><div class="mb-2 flex items-center gap-2 text-base"><svg viewBox="0 0 21 20" class="inline-block size-4 shrink-0" aria-hidden="true"><use href="/icons.svg#todo"></use></svg><p class="text-foreground-100 font-medium" data-cms-path="pricingPage.plans.categories.5.services.1.components.0.name" data-cms-type="text">Events</p></div><div class="ml-6 grid grid-cols-2 gap-x-4 gap-y-1"><div><small class="text-foreground-200/70 dark:text-tertiary">Free</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.5.services.1.components.0.free" data-cms-type="text"><span class="text-foreground-200/70 dark:text-tertiary">—</span></p></div><div><small class="text-foreground-200/70 dark:text-tertiary">Paid</small><p class="text-foreground-200" data-cms-path="pricingPage.plans.categories.5.services.1.components.0.price" data-cms-type="text">$5.00 / million events</p></div></div></div></div></article></div></div></div></div></div><footer class="text-center"><small class="text-foreground-100/70 dark:text-tertiary text-balance" data-cms-path="pricingPage.plans.footer.disclaimer" data-cms-type="text">Prices listed are for monthly billing. Discounts are available for annual upfront commitments.</small></footer></div></div></div></div></div><section class="px-section relative flex w-full items-center justify-center py-8 md:pb-12 md:pt-24" data-cms-path="pricingPage.plans.appServices.addOns"><div class="relative mx-auto flex w-full max-w-[1080px] flex-col gap-6 md:gap-8"><header class="mb-6 text-center md:mb-12"><h2 class="text-foreground-100" data-cms-path="pricingPage.plans.appServices.addOnsTitle" data-cms-type="text">Get more from Cloudflare</h2><p class="text-foreground-200/70 dark:text-secondary mt-2" data-cms-path="pricingPage.plans.appServices.addOnsDescription" data-cms-type="text">Take your performance and security even further with Cloudflare&#x27;s paid add-ons.</p></header><div class="flex flex-col rounded-[12px] border border-dashed bg-background-200 p-1"><div class="relative grid grid-cols-1 overflow-hidden rounded-lg border bg-background-100 md:grid-cols-3"><div class="relative flex flex-col items-start border border-transparent border-b-border-100 md:border-r-border-100"><div class="flex h-full flex-col gap-1 p-4 md:p-6"><h4 class="heading-visual-h6" data-cms-path="pricingPage.plans.appServices.addOns.0.name" data-cms-type="text">Smart Shield + Argo Smart Routing</h4><p class="text-foreground-100/70" data-cms-path="pricingPage.plans.appServices.addOns.0.description" data-cms-type="text">Optimized routes across the Cloudflare network for faster, more reliable, secure responses. Includes Smart Routing and Tiered Caching.</p><div class="mt-auto flex items-center justify-between pt-3"><span class="text-foreground-200/70 dark:text-secondary text-base" data-cms-path="pricingPage.plans.appServices.addOns.0.price" data-cms-type="text">Starting at $5/mo</span><a href="/products/argo-smart-routing/" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap font-medium hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none bg-transparent text-base text-foreground-100 underline-offset-2 transition-colors hover:bg-transparent hover:text-accent-100 hover:underline px-6 py-5 md:py-3 h-auto min-h-0 w-fit gap-0 rounded-none border-0 !bg-transparent !p-0 !shadow-none backdrop-blur-none !transition-colors duration-200 ease-out hover:!opacity-100 active:!scale-100 active:!translate-y-0 before:!hidden after:!hidden" data-cms-path="pricingPage.plans.appServices.addOns.0.href"><span data-cms-path="pricingPage.plans.appServices.addOns.0.ctaText" data-cms-type="text">Activate</span><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-4 shrink-0"><path d="M7 17 17 7m0 0H7m10 0v10"></path></svg></a></div></div></div><div class="relative flex flex-col items-start border border-transparent border-b-border-100 md:border-r-border-100"><div class="flex h-full flex-col gap-1 p-4 md:p-6"><h4 class="heading-visual-h6" data-cms-path="pricingPage.plans.appServices.addOns.1.name" data-cms-type="text">Load Balancing</h4><p class="text-foreground-100/70" data-cms-path="pricingPage.plans.appServices.addOns.1.description" data-cms-type="text">Local and global traffic load balancing, geographic routing, health checks, and failover for continuous availability.</p><div class="mt-auto flex items-center justify-between pt-3"><span class="text-foreground-200/70 dark:text-secondary text-base" data-cms-path="pricingPage.plans.appServices.addOns.1.price" data-cms-type="text">Starting at $5/mo</span><a href="https://www.cloudflare.com/products/load-balancing/" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap font-medium hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none bg-transparent text-base text-foreground-100 underline-offset-2 transition-colors hover:bg-transparent hover:text-accent-100 hover:underline px-6 py-5 md:py-3 h-auto min-h-0 w-fit gap-0 rounded-none border-0 !bg-transparent !p-0 !shadow-none backdrop-blur-none !transition-colors duration-200 ease-out hover:!opacity-100 active:!scale-100 active:!translate-y-0 before:!hidden after:!hidden" data-cms-path="pricingPage.plans.appServices.addOns.1.href"><span data-cms-path="pricingPage.plans.appServices.addOns.1.ctaText" data-cms-type="text">Activate</span><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-4 shrink-0"><path d="M7 17 17 7m0 0H7m10 0v10"></path></svg></a></div></div></div><div class="relative flex flex-col items-start border border-transparent border-b-border-100"><div class="flex h-full flex-col gap-1 p-4 md:p-6"><h4 class="heading-visual-h6" data-cms-path="pricingPage.plans.appServices.addOns.2.name" data-cms-type="text">Stream</h4><p class="text-foreground-100/70" data-cms-path="pricingPage.plans.appServices.addOns.2.description" data-cms-type="text">Video storage, encoding, and playback. Pro and Business plans get 100 free minutes of video stored and 10,000 minutes of delivery.</p><div class="mt-auto flex items-center justify-between pt-3"><span class="text-foreground-200/70 dark:text-secondary text-base" data-cms-path="pricingPage.plans.appServices.addOns.2.price" data-cms-type="text">Starting at $5/mo</span><a href="/products/cloudflare-stream/" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap font-medium hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none bg-transparent text-base text-foreground-100 underline-offset-2 transition-colors hover:bg-transparent hover:text-accent-100 hover:underline px-6 py-5 md:py-3 h-auto min-h-0 w-fit gap-0 rounded-none border-0 !bg-transparent !p-0 !shadow-none backdrop-blur-none !transition-colors duration-200 ease-out hover:!opacity-100 active:!scale-100 active:!translate-y-0 before:!hidden after:!hidden" data-cms-path="pricingPage.plans.appServices.addOns.2.href"><span data-cms-path="pricingPage.plans.appServices.addOns.2.ctaText" data-cms-type="text">Activate</span><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-4 shrink-0"><path d="M7 17 17 7m0 0H7m10 0v10"></path></svg></a></div></div></div><div class="relative flex flex-col items-start border border-transparent border-b-border-100 md:border-r-border-100"><div class="flex h-full flex-col gap-1 p-4 md:p-6"><h4 class="heading-visual-h6" data-cms-path="pricingPage.plans.appServices.addOns.3.name" data-cms-type="text">Automatic Platform Optimization (APO)</h4><p class="text-foreground-100/70" data-cms-path="pricingPage.plans.appServices.addOns.3.description" data-cms-type="text">WordPress optimization with CDN, intelligent caching, and other key optimizations. Go up to 300% faster.</p><div class="mt-auto flex items-center justify-between pt-3"><span class="text-foreground-200/70 dark:text-secondary text-base" data-cms-path="pricingPage.plans.appServices.addOns.3.price" data-cms-type="text">$5/mo (Free plan);<br/>included with Pro/Biz/Ent</span><a href="https://cloudflare.com/products/automatic-platform-optimization" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap font-medium hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none bg-transparent text-base text-foreground-100 underline-offset-2 transition-colors hover:bg-transparent hover:text-accent-100 hover:underline px-6 py-5 md:py-3 h-auto min-h-0 w-fit gap-0 rounded-none border-0 !bg-transparent !p-0 !shadow-none backdrop-blur-none !transition-colors duration-200 ease-out hover:!opacity-100 active:!scale-100 active:!translate-y-0 before:!hidden after:!hidden" data-cms-path="pricingPage.plans.appServices.addOns.3.href"><span data-cms-path="pricingPage.plans.appServices.addOns.3.ctaText" data-cms-type="text">Speed Up My Site</span><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-4 shrink-0"><path d="M7 17 17 7m0 0H7m10 0v10"></path></svg></a></div></div></div><div class="relative flex flex-col items-start border border-transparent border-b-border-100 md:border-r-border-100"><div class="flex h-full flex-col gap-1 p-4 md:p-6"><h4 class="heading-visual-h6" data-cms-path="pricingPage.plans.appServices.addOns.4.name" data-cms-type="text">Cache Reserve</h4><p class="text-foreground-100/70" data-cms-path="pricingPage.plans.appServices.addOns.4.description" data-cms-type="text">Persistent object storage for cache, eliminates egress costs while saving your origin servers from unnecessary requests.</p><div class="mt-auto flex items-center justify-between pt-3"><span class="text-foreground-200/70 dark:text-secondary text-base" data-cms-path="pricingPage.plans.appServices.addOns.4.price" data-cms-type="text">Usage-based</span><a href="/products/cache-reserve/" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap font-medium hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none bg-transparent text-base text-foreground-100 underline-offset-2 transition-colors hover:bg-transparent hover:text-accent-100 hover:underline px-6 py-5 md:py-3 h-auto min-h-0 w-fit gap-0 rounded-none border-0 !bg-transparent !p-0 !shadow-none backdrop-blur-none !transition-colors duration-200 ease-out hover:!opacity-100 active:!scale-100 active:!translate-y-0 before:!hidden after:!hidden" data-cms-path="pricingPage.plans.appServices.addOns.4.href"><span data-cms-path="pricingPage.plans.appServices.addOns.4.ctaText" data-cms-type="text">Activate</span><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-4 shrink-0"><path d="M7 17 17 7m0 0H7m10 0v10"></path></svg></a></div></div></div><div class="relative flex flex-col items-start border border-transparent border-b-border-100"><div class="flex h-full flex-col gap-1 p-4 md:p-6"><h4 class="heading-visual-h6" data-cms-path="pricingPage.plans.appServices.addOns.5.name" data-cms-type="text">Log Explorer</h4><p class="text-foreground-100/70" data-cms-path="pricingPage.plans.appServices.addOns.5.description" data-cms-type="text">Meet log retention requirements, quickly detect security and performance issues, investigate root cause, and mitigate impact.</p><div class="mt-auto flex items-center justify-between pt-3"><span class="text-foreground-200/70 dark:text-secondary text-base" data-cms-path="pricingPage.plans.appServices.addOns.5.price" data-cms-type="text">$1/GB ingested;<br/>first 10 GB free</span><a href="/products/log-explorer/" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap font-medium hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none bg-transparent text-base text-foreground-100 underline-offset-2 transition-colors hover:bg-transparent hover:text-accent-100 hover:underline px-6 py-5 md:py-3 h-auto min-h-0 w-fit gap-0 rounded-none border-0 !bg-transparent !p-0 !shadow-none backdrop-blur-none !transition-colors duration-200 ease-out hover:!opacity-100 active:!scale-100 active:!translate-y-0 before:!hidden after:!hidden" data-cms-path="pricingPage.plans.appServices.addOns.5.href"><span data-cms-path="pricingPage.plans.appServices.addOns.5.ctaText" data-cms-type="text">Activate</span><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-4 shrink-0"><path d="M7 17 17 7m0 0H7m10 0v10"></path></svg></a></div></div></div><div class="relative flex flex-col items-start border border-transparent border-b-border-100 md:border-r-border-100"><div class="flex h-full flex-col gap-1 p-4 md:p-6"><h4 class="heading-visual-h6" data-cms-path="pricingPage.plans.appServices.addOns.6.name" data-cms-type="text">Advanced Certificate Manager</h4><p class="text-foreground-100/70" data-cms-path="pricingPage.plans.appServices.addOns.6.description" data-cms-type="text">Flexible certificate issuance and management for your domains.</p><div class="mt-auto flex items-center justify-between pt-3"><span class="text-foreground-200/70 dark:text-secondary text-base" data-cms-path="pricingPage.plans.appServices.addOns.6.price" data-cms-type="text">$10/mo</span><a href="https://www.cloudflare.com/products/ssl/" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap font-medium hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none bg-transparent text-base text-foreground-100 underline-offset-2 transition-colors hover:bg-transparent hover:text-accent-100 hover:underline px-6 py-5 md:py-3 h-auto min-h-0 w-fit gap-0 rounded-none border-0 !bg-transparent !p-0 !shadow-none backdrop-blur-none !transition-colors duration-200 ease-out hover:!opacity-100 active:!scale-100 active:!translate-y-0 before:!hidden after:!hidden" data-cms-path="pricingPage.plans.appServices.addOns.6.href"><span data-cms-path="pricingPage.plans.appServices.addOns.6.ctaText" data-cms-type="text">Activate</span><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-4 shrink-0"><path d="M7 17 17 7m0 0H7m10 0v10"></path></svg></a></div></div></div><div class="relative flex flex-col items-start border border-transparent border-b-border-100 md:border-r-border-100"><div class="flex h-full flex-col gap-1 p-4 md:p-6"><h4 class="heading-visual-h6" data-cms-path="pricingPage.plans.appServices.addOns.7.name" data-cms-type="text">Client-Side Security</h4><p class="text-foreground-100/70" data-cms-path="pricingPage.plans.appServices.addOns.7.description" data-cms-type="text">Defend against client-side attacks on JavaScript dependencies.</p><div class="mt-auto flex items-center justify-between pt-3"><span class="text-foreground-200/70 dark:text-secondary text-base" data-cms-path="pricingPage.plans.appServices.addOns.7.price" data-cms-type="text">$0.099/1k requests</span><a href="https://developers.cloudflare.com/client-side-security/?_gl=1*8j935e*_gcl_au*NDQyNDc1NDY4LjE3Nzg2MTc4MDU.*_ga*NWY2ZmU5NTQtMjFkMi00NmEyLTg5OTMtMWU2ZjRmOGU3ODZi*_ga_SQCRB0TXZW*czE3Nzg2ODMzODgkbzIkZzAkdDE3Nzg2ODMzODgkajYwJGwwJGgw" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap font-medium hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none bg-transparent text-base text-foreground-100 underline-offset-2 transition-colors hover:bg-transparent hover:text-accent-100 hover:underline px-6 py-5 md:py-3 h-auto min-h-0 w-fit gap-0 rounded-none border-0 !bg-transparent !p-0 !shadow-none backdrop-blur-none !transition-colors duration-200 ease-out hover:!opacity-100 active:!scale-100 active:!translate-y-0 before:!hidden after:!hidden" data-cms-path="pricingPage.plans.appServices.addOns.7.href"><span data-cms-path="pricingPage.plans.appServices.addOns.7.ctaText" data-cms-type="text">Activate</span><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-4 shrink-0"><path d="M7 17 17 7m0 0H7m10 0v10"></path></svg></a></div></div></div><div class="relative flex flex-col items-start border border-transparent border-b-border-100"><div class="flex h-full flex-col gap-1 p-4 md:p-6"><h4 class="heading-visual-h6" data-cms-path="pricingPage.plans.appServices.addOns.8.name" data-cms-type="text">Cloudflare Registrar</h4><p class="text-foreground-100/70" data-cms-path="pricingPage.plans.appServices.addOns.8.description" data-cms-type="text">At-cost domain registration with no markup pricing.</p><div class="mt-auto flex items-center justify-between pt-3"><span class="text-foreground-200/70 dark:text-secondary text-base" data-cms-path="pricingPage.plans.appServices.addOns.8.price" data-cms-type="text">Starting at $7.85</span><a href="/products/registrar/" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap font-medium hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none bg-transparent text-base text-foreground-100 underline-offset-2 transition-colors hover:bg-transparent hover:text-accent-100 hover:underline px-6 py-5 md:py-3 h-auto min-h-0 w-fit gap-0 rounded-none border-0 !bg-transparent !p-0 !shadow-none backdrop-blur-none !transition-colors duration-200 ease-out hover:!opacity-100 active:!scale-100 active:!translate-y-0 before:!hidden after:!hidden" data-cms-path="pricingPage.plans.appServices.addOns.8.href"><span data-cms-path="pricingPage.plans.appServices.addOns.8.ctaText" data-cms-type="text">Register</span><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-4 shrink-0"><path d="M7 17 17 7m0 0H7m10 0v10"></path></svg></a></div></div></div><div class="relative flex flex-col items-start border border-transparent md:col-span-2"><div class="flex h-full flex-col gap-1 p-4 md:p-6"><h4 class="heading-visual-h6" data-cms-path="pricingPage.plans.appServices.addOns.9.name" data-cms-type="text">Workers</h4><p class="text-foreground-100/70" data-cms-path="pricingPage.plans.appServices.addOns.9.description" data-cms-type="text">Deploy serverless code in JavaScript, Rust, C, and C++ at the edge.</p><div class="mt-auto flex items-center justify-between pt-3"><span class="text-foreground-200/70 dark:text-secondary text-base" data-cms-path="pricingPage.plans.appServices.addOns.9.price" data-cms-type="text">Free to try</span><a href="/developer-platform/workers/" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap font-medium hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none bg-transparent text-base text-foreground-100 underline-offset-2 transition-colors hover:bg-transparent hover:text-accent-100 hover:underline px-6 py-5 md:py-3 h-auto min-h-0 w-fit gap-0 rounded-none border-0 !bg-transparent !p-0 !shadow-none backdrop-blur-none !transition-colors duration-200 ease-out hover:!opacity-100 active:!scale-100 active:!translate-y-0 before:!hidden after:!hidden" data-cms-path="pricingPage.plans.appServices.addOns.9.href"><span data-cms-path="pricingPage.plans.appServices.addOns.9.ctaText" data-cms-type="text">Get started</span><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-4 shrink-0"><path d="M7 17 17 7m0 0H7m10 0v10"></path></svg></a></div></div></div></div></div></div></section></div><!--astro:end--></astro-island> <section class="animate-in mx-auto fade-in transition-opacity delay-100 duration-2000 ease-out relative z-0 bg-background-100 -mt-0.5 flex w-full flex-col overflow-hidden md:hidden ">  <svg class="corner-line top-line absolute top-0 left-1/2 h-1 -translate-x-1/2 transition-opacity duration-2000 ease-out w-[200dvw]" preserveAspectRatio="none" aria-hidden="true"> <line x1="0" y1="0.5" x2="100%" y2="0.5" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="16,16"></line> </svg> <div class="relative mb-2 h-20 w-full"> <svg class="pointer-events-none absolute top-0 left-0 z-0 h-full w-full" data-testid="rf__background" aria-hidden="true" style="stroke-dasharray:none;stroke-dashoffset:0"><pattern id="pattern-hxlvne" x="0" y="0" width="12" height="12" patternUnits="userSpaceOnUse"><circle cx="6" cy="6" r="0.75" fill="var(--color-decor-dots-100)" style="stroke-dasharray:none;stroke-dashoffset:0"></circle></pattern><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-hxlvne)" style="stroke-dasharray:none;stroke-dashoffset:0"></rect></svg> </div> <svg class="corner-line bottom-line absolute bottom-0 left-1/2 h-1 w-[200dvw] -translate-x-1/2 transition-opacity duration-2000 ease-out" preserveAspectRatio="none"> <line x1="0" y1="0.5" x2="100%" y2="0.5" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="16,16"></line> </svg> </section> <section id="plans-customers" class="relative max-sm:overflow-x-clip"> <div class="max-w-8xl md:px-section mx-auto mt-12 flex w-full flex-col items-center justify-center gap-10 sm:my-6 md:my-8 md:mb-12"> <div class="mx-auto flex max-w-[1200px] flex-col text-center"> <h2 class="heading-visual-h3 text-foreground-100 text-balance"> <span>Cloudflare powers<br />1 in 5 sites on the Internet</span> <script>(()=>{var a=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value=="object"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let l of e)if(l.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=a;window.dispatchEvent(new Event("astro:visible"));})();</script><astro-island uid="2jnfpz" prefix="r87" component-url="/_astro/index.DhSU7-Yl.js" component-export="CopyLink" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;sectionId&quot;:[0,&quot;plans-customers&quot;]}" ssr client="visible" opts="{&quot;name&quot;:&quot;CopyLink&quot;,&quot;value&quot;:true}" await-children><button class="relative hidden px-2 items-center justify-center text-foreground-100/40 active:scale-90 hover:text-foreground-100/70 shrink-0 cursor-pointer opacity-0 group-hover:opacity-100 duration-200 ease-out transition-all md:hidden py-1 translate-y-0.5 -translate-x-2" aria-hidden="true" title="Copy link to clipboard" tabindex="-1" type="button"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-6 transition-all select-none" aria-hidden="true"><use href="/icons.svg#link"></use></svg><svg viewBox="0 0 24 24" class="inline-block shrink-0 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transition-all select-none size-6 scale-0 opacity-0" aria-hidden="true"><use href="/icons.svg#checkmark"></use></svg></button><!--astro:end--></astro-island> </h2> <p class="heading-visual-h5 text-foreground-100/70 mt-8 text-balance"> Trusted by the teams you trust. </p>  </div> <div class="flex w-full max-w-[1200px] flex-col items-center gap-6 overflow-hidden">  <div class="relative -mb-8 h-[540px] w-full overflow-hidden mask-b-from-90% md:h-[480px]"> <astro-island uid="1WgKLn" prefix="r88" component-url="/_astro/_browser.DP_R6JKG.js" component-export="Browser" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;quotes&quot;:[0,{&quot;shopify&quot;:[0,{&quot;company&quot;:[0,&quot;Shopify&quot;],&quot;companyIcon&quot;:[0,&quot;shopifyLogo&quot;],&quot;quote&quot;:[0,&quot;For Shopify, the real challenge is not about how many different pieces of complex technology we can use but the opposite. Cloudflare helps us find a simple way to achieve something very complex that we can scale and maintain.&quot;],&quot;person&quot;:[0,{&quot;image&quot;:[0,&quot;/people/duncan-davidson.png&quot;],&quot;name&quot;:[0,&quot;Duncan Davidson&quot;],&quot;title&quot;:[0,&quot;VP of Developer Productivity&quot;]}]}],&quot;characterAI&quot;:[0,{&quot;company&quot;:[0,&quot;Character.AI&quot;],&quot;companyIcon&quot;:[0,&quot;characterAILogo&quot;],&quot;quote&quot;:[0,&quot;R2 has been the glue behind our multi-cloud architecture for training and processing requests. We are now able to store our training and production data in R2 for access by any cloud, without egress fees, and get the best prices and performance across multiple cloud providers.&quot;],&quot;person&quot;:[0,{&quot;image&quot;:[0,&quot;/people/myle-ott.png&quot;],&quot;name&quot;:[0,&quot;Myle Ott&quot;],&quot;title&quot;:[0,&quot;Founding Researcher&quot;]}]}],&quot;intercom&quot;:[0,{&quot;company&quot;:[0,&quot;Intercom&quot;],&quot;companyIcon&quot;:[0,&quot;intercomLogo&quot;],&quot;quote&quot;:[0,&quot;Cloudflare&#39;s toolkit is accelerating that movement even faster. Their clear documentation, purpose-built tools, and developer-first platform helped Intercom go from concept to production in under a day.&quot;],&quot;person&quot;:[0,{&quot;image&quot;:[0,&quot;/people/jordan-neill.png&quot;],&quot;name&quot;:[0,&quot;Jordan Neill&quot;],&quot;title&quot;:[0,&quot;SVP Engineering&quot;]}]}],&quot;doordash&quot;:[0,{&quot;company&quot;:[0,&quot;DoorDash&quot;],&quot;companyIcon&quot;:[0,&quot;doordashLogo&quot;],&quot;quote&quot;:[0,&quot;Spinning up a new website is now only a matter of minutes – simply add a project to the monorepo, provision Contentful accounts, setup a Cloudflare Worker, and you&#39;re off to the races!&quot;]}],&quot;discord&quot;:[0,{&quot;company&quot;:[0,&quot;Discord&quot;],&quot;companyIcon&quot;:[0,&quot;discordLogo&quot;],&quot;quote&quot;:[0,&quot;Discord is where the world builds relationships. Cloudflare helps us deliver on that mission, connecting our internal engineering team to the tools they need. With Cloudflare, we can rest easy knowing every request to our critical apps is evaluated for identity and context — a true Zero Trust approach.&quot;],&quot;person&quot;:[0,{&quot;name&quot;:[0,&quot;Mark Smith&quot;],&quot;title&quot;:[0,&quot;Director of Infrastructure&quot;],&quot;image&quot;:[0,&quot;/people/mark-smith.png&quot;]}],&quot;favicon&quot;:[0,&quot;svg:eyJzbHVnIjoiZGlzY29yZCIsImxhYmVsIjoiRGlzY29yZCIsInZpZXdCb3giOiIwIDAgNzEgNTUiLCJpbm5lciI6IjxnIGNsaXAtcGF0aD1cInVybCgjY2xpcDApXCI-XG4gIDxwYXRoIGQ9XCJNNjAuMTA0NSA0Ljg5NzhDNTUuNTc5MiAyLjgyMTQgNTAuNzI2NSAxLjI5MTYgNDUuNjUyNyAwLjQxNTQyQzQ1LjU2MDMgMC4zOTg1MSA0NS40NjggMC40NDA3NjkgNDUuNDIwNCAwLjUyNTI4OUM0NC43OTYzIDEuNjM1MyA0NC4xMDUgMy4wODM0IDQzLjYyMDkgNC4yMjE2QzM4LjE2MzcgMy40MDQ2IDMyLjczNDUgMy40MDQ2IDI3LjM4OTIgNC4yMjE2QzI2LjkwNSAzLjA1ODEgMjYuMTg4NiAxLjYzNTMgMjUuNTYxNyAwLjUyNTI4OUMyNS41MTQxIDAuNDQzNTg5IDI1LjQyMTggMC40MDEzMyAyNS4zMjk0IDAuNDE1NDJDMjAuMjU4NCAxLjI4ODggMTUuNDA1NyAyLjgxODYgMTAuODc3NiA0Ljg5NzhDMTAuODM4NCA0LjkxNDcgMTAuODA0OCA0Ljk0MjkgMTAuNzgyNSA0Ljk3OTVDMS41Nzc5NSAxOC43MzA5IC0wLjk0MzU2MSAzMi4xNDQzIDAuMjkzNDA4IDQ1LjM5MTRDMC4yOTkwMDUgNDUuNDU2MiAwLjMzNTM4NiA0NS41MTgyIDAuMzg1NzYxIDQ1LjU1NzZDNi40NTg2NiA1MC4wMTc0IDEyLjM0MTMgNTIuNzI0OSAxOC4xMTQ3IDU0LjUxOTVDMTguMjA3MSA1NC41NDc3IDE4LjMwNSA1NC41MTM5IDE4LjM2MzggNTQuNDM3OEMxOS43Mjk1IDUyLjU3MjggMjAuOTQ2OSA1MC42MDYzIDIxLjk5MDcgNDguNTM4M0MyMi4wNTIzIDQ4LjQxNzIgMjEuOTkzNSA0OC4yNzM1IDIxLjg2NzYgNDguMjI1NkMxOS45MzY2IDQ3LjQ5MzEgMTguMDk3OSA0Ni42IDE2LjMyOTIgNDUuNTg1OEMxNi4xODkzIDQ1LjUwNDEgMTYuMTc4MSA0NS4zMDQgMTYuMzA2OCA0NS4yMDgyQzE2LjY3OSA0NC45MjkzIDE3LjA1MTMgNDQuNjM5MSAxNy40MDY3IDQ0LjM0NjFDMTcuNDcxIDQ0LjI5MjYgMTcuNTYwNiA0NC4yODEzIDE3LjYzNjIgNDQuMzE1MUMyOS4yNTU4IDQ5LjYyMDIgNDEuODM1NCA0OS42MjAyIDUzLjMxNzkgNDQuMzE1MUM1My4zOTM1IDQ0LjI3ODUgNTMuNDgzMSA0NC4yODk4IDUzLjU1MDIgNDQuMzQzM0M1My45MDU3IDQ0LjYzNjMgNTQuMjc3OSA0NC45MjkzIDU0LjY1MjkgNDUuMjA4MkM1NC43ODE2IDQ1LjMwNCA1NC43NzMyIDQ1LjUwNDEgNTQuNjMzMyA0NS41ODU4QzUyLjg2NDYgNDYuNjE5NyA1MS4wMjU5IDQ3LjQ5MzEgNDkuMDkyMSA0OC4yMjI4QzQ4Ljk2NjIgNDguMjcwNyA0OC45MTAyIDQ4LjQxNzIgNDguOTcxOCA0OC41MzgzQzUwLjAzOCA1MC42MDM0IDUxLjI1NTQgNTIuNTY5OSA1Mi41OTU5IDU0LjQzNUM1Mi42NTE5IDU0LjUxMzkgNTIuNzUyNiA1NC41NDc3IDUyLjg0NSA1NC41MTk1QzU4LjY0NjQgNTIuNzI0OSA2NC41MjkgNTAuMDE3NCA3MC42MDE5IDQ1LjU1NzZDNzAuNjU1MSA0NS41MTgyIDcwLjY4ODcgNDUuNDU5IDcwLjY5NDMgNDUuMzk0MkM3Mi4xNzQ3IDMwLjA3OTEgNjguMjE0NyAxNi43NzU3IDYwLjE5NjggNC45ODIzQzYwLjE3NzIgNC45NDI5IDYwLjE0MzcgNC45MTQ3IDYwLjEwNDUgNC44OTc4Wk0yMy43MjU5IDM3LjMyNTNDMjAuMjI3NiAzNy4zMjUzIDE3LjM0NTEgMzQuMTEzNiAxNy4zNDUxIDMwLjE2OTNDMTcuMzQ1MSAyNi4yMjUgMjAuMTcxNyAyMy4wMTMzIDIzLjcyNTkgMjMuMDEzM0MyNy4zMDggMjMuMDEzMyAzMC4xNjI2IDI2LjI1MzIgMzAuMTA2NiAzMC4xNjkzQzMwLjEwNjYgMzQuMTEzNiAyNy4yOCAzNy4zMjUzIDIzLjcyNTkgMzcuMzI1M1pNNDcuMzE3OCAzNy4zMjUzQzQzLjgxOTYgMzcuMzI1MyA0MC45MzcxIDM0LjExMzYgNDAuOTM3MSAzMC4xNjkzQzQwLjkzNzEgMjYuMjI1IDQzLjc2MzYgMjMuMDEzMyA0Ny4zMTc4IDIzLjAxMzNDNTAuOSAyMy4wMTMzIDUzLjc1NDUgMjYuMjUzMiA1My42OTg2IDMwLjE2OTNDNTMuNjk4NiAzNC4xMTM2IDUwLjkgMzcuMzI1MyA0Ny4zMTc4IDM3LjMyNTNaXCIgZmlsbD1cImN1cnJlbnRDb2xvclwiPlxuICA8L3BhdGg-XG4gPC9nPlxuIDxkZWZzPlxuICA8Y2xpcFBhdGggaWQ9XCJjbGlwMFwiPlxuICAgPHJlY3Qgd2lkdGg9XCI3MVwiIGhlaWdodD1cIjU1XCIgZmlsbD1cIndoaXRlXCI-XG4gICA8L3JlY3Q-XG4gIDwvY2xpcFBhdGg-XG4gPC9kZWZzPiJ9&quot;],&quot;slug&quot;:[0,&quot;discord&quot;]}],&quot;zendesk&quot;:[0,{&quot;company&quot;:[0,&quot;Zendesk&quot;],&quot;companyIcon&quot;:[0,&quot;zendeskLogo&quot;],&quot;quote&quot;:[0,&quot;Like Zendesk, innovation is in Cloudflare’s DNA — it mirrors our beautifully simple development ethos with the connectivity cloud, a powerful, yet simple-to-implement, end-to-end solution that does all the heavy lifting, so we don’t need to.&quot;],&quot;person&quot;:[0,{&quot;image&quot;:[0,&quot;/people/nan-guo.png&quot;],&quot;name&quot;:[0,&quot;Nan Guo&quot;],&quot;title&quot;:[0,&quot;Senior Vice President of Engineering&quot;]}]}],&quot;lovable&quot;:[0,{&quot;company&quot;:[0,&quot;Lovable&quot;],&quot;companyIcon&quot;:[0,&quot;lovableLogo&quot;],&quot;quote&quot;:[0,&quot;We needed a reliable way to capture screenshots at scale, and Cloudflare Browser Rendering solved it with a single API call. It was remarkably easy to implement and handles all our traffic without a hiccup.&quot;],&quot;person&quot;:[0,{&quot;image&quot;:[0,&quot;/people/emil-ahlback.png&quot;],&quot;name&quot;:[0,&quot;Emil Ahlbäck&quot;],&quot;title&quot;:[0,&quot;Founding Engineer&quot;]}]}],&quot;npm&quot;:[0,{&quot;company&quot;:[0,&quot;npm&quot;],&quot;companyIcon&quot;:[0,&quot;npmLogo&quot;],&quot;quote&quot;:[0,&quot;Over 10 million developers around the world rely on the npm Registry to download packages over 1 billion times a day. We invested in Cloudflare Workers to improve our global performance, and now with the Cloudflare Workers globally available key-value store (Cloudflare Workers KV), we can make performance improvements that used to be impossible.&quot;],&quot;person&quot;:[0,{&quot;image&quot;:[0,&quot;/people/laurie-voss.png&quot;],&quot;name&quot;:[0,&quot;Laurie Voss&quot;],&quot;title&quot;:[0,&quot;Co-founder and Chief Data Officer&quot;]}]}],&quot;siteGPT&quot;:[0,{&quot;company&quot;:[0,&quot;SiteGPT&quot;],&quot;companyIcon&quot;:[0,&quot;sitegptLogo&quot;],&quot;quote&quot;:[0,&quot;We use Cloudflare for everything – storage, cache, queues, and most importantly for training data and deploying the app on the edge, so I can ensure the product is reliable and fast. It&#39;s also been the most affordable option, with competitors costing more for a single day&#39;s worth of requests than Cloudflare costs in a month.&quot;],&quot;person&quot;:[0,{&quot;image&quot;:[0,&quot;/people/bhanu-teja.png&quot;],&quot;name&quot;:[0,&quot;Bhanu Teja Pachipulusu&quot;],&quot;title&quot;:[0,&quot;Founder&quot;]}]}],&quot;liveblocks&quot;:[0,{&quot;company&quot;:[0,&quot;Liveblocks&quot;],&quot;companyIcon&quot;:[0,&quot;liveblocksLogo&quot;],&quot;quote&quot;:[0,&quot;Cloudflare released Durable Objects at just the right time for us. Without Cloudflare, hosting WebSocket servers might have required at least four additional people just for management. Using Durable Objects, we can provide serverless capabilities without a dedicated team.&quot;]}],&quot;leagued&quot;:[0,{&quot;company&quot;:[0,&quot;Leagued&quot;],&quot;companyIcon&quot;:[0,&quot;leaguedLogo&quot;],&quot;quote&quot;:[0,&quot;Choosing Cloudflare as our serverless provider was a no-brainer. Workers KV took just 15 minutes to get up and running. The ability to quickly spin up a Worker, deploy it to production, and scale effortlessly has been invaluable.&quot;],&quot;person&quot;:[0,{&quot;name&quot;:[0,&quot;Sammi Sinno&quot;],&quot;title&quot;:[0,&quot;CEO&quot;]}]}],&quot;seated&quot;:[0,{&quot;company&quot;:[0,&quot;Seated&quot;],&quot;companyIcon&quot;:[0,&quot;svg:eyJzbHVnIjoic2VhdGVkIiwibGFiZWwiOiJzZWF0ZWQiLCJ2aWV3Qm94IjoiMCAwIDI2MyAyNDYiLCJpbm5lciI6IjxwYXRoIGQ9XCJNMjE3LjU4NyAwLjcyMjQyTDQ1LjQxOCAwLjAwMDQyMDI3M0MyMC4yOTQgLTAuMTA1NTggMS4wNjUgMTkuODU0NCAwIDQzLjE0NDRDMCA2Ni43MzQ0IDI0Ljg2MiA5MC40NTI0IDEwOC42MzEgMTAxLjA3TDEwOC43MzIgMTAxLjA4NEMxNzIuNzMyIDEwOS45NjQgMjExLjIzNiAxMjUuNDczIDIzMC4yODQgMTUyLjE4TDI2MC40MSA2MC4wMzg0QzI2OS45NSAzMC44NTk0IDI0OC4yODUgMC44NTE0MiAyMTcuNTg3IDAuNzIyNDJaTTIxMy41MiAyMDMuNDU4QzIyMi40NDggMTY3LjU0MiAxOTMuMDcxIDE0My4zNzggOTQuMzU0IDEzMC4xNTNDNjIuNzY0IDEyNi4zOTcgMzcuNzI1IDEyMC4wMDIgMTguNTY1IDExMC43ODhMNTEuMTQxIDIxMy4zMjhDNTcuMDg4IDIzMi4wNTEgNzQuNDM2IDI0NC43OTggOTQuMDggMjQ0Ljg4TDE2Ni44NzEgMjQ1LjE4NUMxNzguNDM5IDI0NS4xODUgMjA0LjMwOCAyNDAuNTE0IDIxMy41MiAyMDMuNDU4WlwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiBzdHlsZT1cImZpbGwtb3BhY2l0eToxO1wiLz4ifQ&quot;],&quot;quote&quot;:[0,&quot;We no longer need to maintain infrastructure for browser rendering. Since Cloudflare Browser Rendering is compatible with Puppeteer, it was a direct fit - transfer our config, deploy, and done. It now powers our HTML-to-PDF concert tickets and social preview links.&quot;],&quot;person&quot;:[0,{&quot;name&quot;:[0,&quot;John Griffin&quot;],&quot;title&quot;:[0,&quot;Co-founder and CTO&quot;],&quot;image&quot;:[0,&quot;/people/john-griffin.png&quot;]}],&quot;favicon&quot;:[0,&quot;svg:eyJzbHVnIjoic2VhdGVkIiwibGFiZWwiOiJzZWF0ZWQiLCJ2aWV3Qm94IjoiMCAwIDI2MyAyNDYiLCJpbm5lciI6IjxwYXRoIGQ9XCJNMjE3LjU4NyAwLjcyMjQyTDQ1LjQxOCAwLjAwMDQyMDI3M0MyMC4yOTQgLTAuMTA1NTggMS4wNjUgMTkuODU0NCAwIDQzLjE0NDRDMCA2Ni43MzQ0IDI0Ljg2MiA5MC40NTI0IDEwOC42MzEgMTAxLjA3TDEwOC43MzIgMTAxLjA4NEMxNzIuNzMyIDEwOS45NjQgMjExLjIzNiAxMjUuNDczIDIzMC4yODQgMTUyLjE4TDI2MC40MSA2MC4wMzg0QzI2OS45NSAzMC44NTk0IDI0OC4yODUgMC44NTE0MiAyMTcuNTg3IDAuNzIyNDJaTTIxMy41MiAyMDMuNDU4QzIyMi40NDggMTY3LjU0MiAxOTMuMDcxIDE0My4zNzggOTQuMzU0IDEzMC4xNTNDNjIuNzY0IDEyNi4zOTcgMzcuNzI1IDEyMC4wMDIgMTguNTY1IDExMC43ODhMNTEuMTQxIDIxMy4zMjhDNTcuMDg4IDIzMi4wNTEgNzQuNDM2IDI0NC43OTggOTQuMDggMjQ0Ljg4TDE2Ni44NzEgMjQ1LjE4NUMxNzguNDM5IDI0NS4xODUgMjA0LjMwOCAyNDAuNTE0IDIxMy41MiAyMDMuNDU4WlwiIGZpbGw9XCJjdXJyZW50Q29sb3JcIiBzdHlsZT1cImZpbGwtb3BhY2l0eToxO1wiLz4ifQ&quot;],&quot;slug&quot;:[0,&quot;seated&quot;]}]}],&quot;quoteKeys&quot;:[1,[[0,&quot;shopify&quot;],[0,&quot;characterAI&quot;],[0,&quot;intercom&quot;],[0,&quot;doordash&quot;],[0,&quot;discord&quot;],[0,&quot;zendesk&quot;],[0,&quot;lovable&quot;],[0,&quot;npm&quot;],[0,&quot;siteGPT&quot;],[0,&quot;liveblocks&quot;],[0,&quot;leagued&quot;],[0,&quot;seated&quot;]]],&quot;staticMode&quot;:[0,false],&quot;staticCmsPathPrefix&quot;:[0],&quot;tabIconOnly&quot;:[0,false],&quot;largeTabIcon&quot;:[0,false]}" ssr client="visible" opts="{&quot;name&quot;:&quot;Browser&quot;,&quot;value&quot;:{&quot;rootMargin&quot;:&quot;250px&quot;}}" await-children><div class="relative h-full w-full" role="region" aria-roledescription="carousel" aria-label="Customer stories"><div class="keyframe-container bg-background-200 shadow-stack relative flex h-full w-[calc(100%+24px)] max-w-none translate-x-2 flex-col overflow-hidden rounded-xl border sm:mx-auto sm:w-full sm:max-w-[1200px] sm:translate-x-0" style="opacity:0"><div class="border-border-100 relative flex shrink-0 items-stretch border-b"><div aria-hidden="true" class="flex shrink-0 items-center gap-1.5 px-4 py-3 sm:px-5 sm:py-4 md:py-5"><div class="hover:bg-background-300 bg-background-100 size-4 rounded-full border border-border-100 transition-colors duration-200 ease-out"></div><div class="hover:bg-background-300 bg-background-100 size-4 rounded-full border border-border-100 transition-colors duration-200 ease-out"></div><div class="hover:bg-background-300 bg-background-100 size-4 rounded-full border border-border-100 transition-colors duration-200 ease-out"></div></div><div class="relative min-w-0 flex-1 mask-l-from-95% -ml-5"><nav aria-label="Choose a customer story" class="scrollbar-hide pl-5 overflow-x-auto overscroll-x-contain overflow-y-hidden touch-pan-x"><div class="-mb-px flex w-max items-stretch justify-start"><button type="button" id="_r88R_0_-customer-story-tab-shopify" aria-controls="_r88R_0_-customer-story-panel" aria-current="true" aria-label="Currently showing the Shopify customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-accent-100 text-foreground-100"><span class="flex items-center border rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 bg-background-100 border-border-100 text-foreground-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 152 172" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#shopifyLogo"></use></svg></span><small class="whitespace-nowrap font-medium!">Shopify</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-characterAI" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the Character.AI customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 50 50" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#characterAILogo"></use></svg></span><small class="whitespace-nowrap font-medium!">Character.AI</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-intercom" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the Intercom customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 36 37" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#intercomLogo"></use></svg></span><small class="whitespace-nowrap font-medium!">Intercom</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-doordash" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the DoorDash customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 32 18" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#doordashLogo"></use></svg></span><small class="whitespace-nowrap font-medium!">DoorDash</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-discord" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the Discord customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 71 55" class="inline-block shrink-0 size-6" aria-hidden="true"><g clip-path="url(#clip0)">
  <path d="M60.1045 4.8978C55.5792 2.8214 50.7265 1.2916 45.6527 0.41542C45.5603 0.39851 45.468 0.440769 45.4204 0.525289C44.7963 1.6353 44.105 3.0834 43.6209 4.2216C38.1637 3.4046 32.7345 3.4046 27.3892 4.2216C26.905 3.0581 26.1886 1.6353 25.5617 0.525289C25.5141 0.443589 25.4218 0.40133 25.3294 0.41542C20.2584 1.2888 15.4057 2.8186 10.8776 4.8978C10.8384 4.9147 10.8048 4.9429 10.7825 4.9795C1.57795 18.7309 -0.943561 32.1443 0.293408 45.3914C0.299005 45.4562 0.335386 45.5182 0.385761 45.5576C6.45866 50.0174 12.3413 52.7249 18.1147 54.5195C18.2071 54.5477 18.305 54.5139 18.3638 54.4378C19.7295 52.5728 20.9469 50.6063 21.9907 48.5383C22.0523 48.4172 21.9935 48.2735 21.8676 48.2256C19.9366 47.4931 18.0979 46.6 16.3292 45.5858C16.1893 45.5041 16.1781 45.304 16.3068 45.2082C16.679 44.9293 17.0513 44.6391 17.4067 44.3461C17.471 44.2926 17.5606 44.2813 17.6362 44.3151C29.2558 49.6202 41.8354 49.6202 53.3179 44.3151C53.3935 44.2785 53.4831 44.2898 53.5502 44.3433C53.9057 44.6363 54.2779 44.9293 54.6529 45.2082C54.7816 45.304 54.7732 45.5041 54.6333 45.5858C52.8646 46.6197 51.0259 47.4931 49.0921 48.2228C48.9662 48.2707 48.9102 48.4172 48.9718 48.5383C50.038 50.6034 51.2554 52.5699 52.5959 54.435C52.6519 54.5139 52.7526 54.5477 52.845 54.5195C58.6464 52.7249 64.529 50.0174 70.6019 45.5576C70.6551 45.5182 70.6887 45.459 70.6943 45.3942C72.1747 30.0791 68.2147 16.7757 60.1968 4.9823C60.1772 4.9429 60.1437 4.9147 60.1045 4.8978ZM23.7259 37.3253C20.2276 37.3253 17.3451 34.1136 17.3451 30.1693C17.3451 26.225 20.1717 23.0133 23.7259 23.0133C27.308 23.0133 30.1626 26.2532 30.1066 30.1693C30.1066 34.1136 27.28 37.3253 23.7259 37.3253ZM47.3178 37.3253C43.8196 37.3253 40.9371 34.1136 40.9371 30.1693C40.9371 26.225 43.7636 23.0133 47.3178 23.0133C50.9 23.0133 53.7545 26.2532 53.6986 30.1693C53.6986 34.1136 50.9 37.3253 47.3178 37.3253Z" fill="currentColor">
  </path>
 </g>
 <defs>
  <clipPath id="clip0">
   <rect width="71" height="55" fill="white">
   </rect>
  </clipPath>
 </defs></svg></span><small class="whitespace-nowrap font-medium!">Discord</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-zendesk" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the Zendesk customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 203 154" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#zendeskLogo"></use></svg></span><small class="whitespace-nowrap font-medium!">Zendesk</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-lovable" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the Lovable customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 20 20" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#lovableLogo"></use></svg></span><small class="whitespace-nowrap font-medium!">Lovable</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-npm" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the npm customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 18 7" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#npmLogo"></use></svg></span><small class="whitespace-nowrap font-medium!">npm</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-siteGPT" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the SiteGPT customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 40 40" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#sitegptLogo"></use></svg></span><small class="whitespace-nowrap font-medium!">SiteGPT</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-liveblocks" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the Liveblocks customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 60 33" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#liveblocksLogo"></use></svg></span><small class="whitespace-nowrap font-medium!">Liveblocks</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-leagued" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the Leagued customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 750 686" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#leaguedLogo"></use></svg></span><small class="whitespace-nowrap font-medium!">Leagued</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-seated" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the Seated customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 263 246" class="inline-block shrink-0 size-6" aria-hidden="true"><path d="M217.587 0.72242L45.418 0.000420273C20.294 -0.10558 1.065 19.8544 0 43.1444C0 66.7344 24.862 90.4524 108.631 101.07L108.732 101.084C172.732 109.964 211.236 125.473 230.284 152.18L260.41 60.0384C269.95 30.8594 248.285 0.85142 217.587 0.72242ZM213.52 203.458C222.448 167.542 193.071 143.378 94.354 130.153C62.764 126.397 37.725 120.002 18.565 110.788L51.141 213.328C57.088 232.051 74.436 244.798 94.08 244.88L166.871 245.185C178.439 245.185 204.308 240.514 213.52 203.458Z" fill="currentColor" style="fill-opacity:1;"/></svg></span><small class="whitespace-nowrap font-medium!">Seated</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-shopify" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the Shopify customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 152 172" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#shopifyLogo"></use></svg></span><small class="whitespace-nowrap font-medium!">Shopify</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-characterAI" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the Character.AI customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 50 50" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#characterAILogo"></use></svg></span><small class="whitespace-nowrap font-medium!">Character.AI</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-intercom" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the Intercom customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 36 37" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#intercomLogo"></use></svg></span><small class="whitespace-nowrap font-medium!">Intercom</small></span></button><button type="button" id="_r88R_0_-customer-story-tab-doordash" aria-controls="_r88R_0_-customer-story-panel" aria-label="Show the DoorDash customer story" class="group relative flex shrink-0 items-center border-b-2 px-1.5 py-2 transition-[border-color,color] duration-200 ease-out sm:px-2 sm:py-3 md:px-3 md:py-4 border-transparent text-secondary"><span class="flex items-center border border-transparent rounded-md transition-colors duration-200 ease-out gap-2.5 px-2 py-2 sm:px-2.5 group-hover:bg-background-100 group-hover:border-border-100 group-hover:text-foreground-100/80"><span aria-hidden="true" class="shrink-0 size-6"><svg viewBox="0 0 32 18" class="inline-block shrink-0 size-6" aria-hidden="true"><use href="/icons.svg#doordashLogo"></use></svg></span><small class="whitespace-nowrap font-medium!">DoorDash</small></span></button></div></nav><div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 z-10 w-16 bg-linear-to-l from-background-200 to-transparent transition-opacity duration-200 opacity-0"></div></div></div><section id="_r88R_0_-customer-story-panel" aria-roledescription="slide" aria-label="Story: Shopify" aria-live="off" aria-atomic="true" class="relative min-h-0 flex-1 overflow-hidden"><button data-slot="button" class="isolate inline-flex shrink-0 origin-center items-center whitespace-nowrap rounded-full border font-medium transition-[scale,translate] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none border-border-100 text-foreground-100 active:scale-[0.98] hover:border-accent-100 hover:bg-accent-200/5 hover:text-accent-100 hover:!opacity-100 group absolute top-3 left-3 z-30 w-9 justify-start gap-1.5 overflow-hidden bg-background-100/90 px-2.5 py-1.5 transition-[width,color,background-color,border-color,transform,translate]! duration-300 ease-[cubic-bezier(0.22,1,0.36,1)] backdrop-blur-md motion-reduce:transition-none! sm:top-4 sm:left-4 hover:w-[5rem] focus-visible:w-[5rem]" type="button" aria-pressed="false" aria-label="Pause customer story and logo rotation"><svg viewBox="0 0 16 16" fill="none" aria-hidden="true" class="size-4 -translate-x-px shrink-0"><rect x="4" y="3" width="2.5" height="10" rx="1" fill="currentColor"></rect><rect x="9.5" y="3" width="2.5" height="10" rx="1" fill="currentColor"></rect></svg><small class="whitespace-nowrap opacity-0 transition-opacity duration-150 ease-out group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none">Pause</small></button><div class="flex min-h-0 w-full flex-col items-start justify-start overflow-hidden h-full"><style>
@property --beam-angle-_r88R_2l_ {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: true;
}

@property --beam-opacity-_r88R_2l_ {
  syntax: "<number>";
  initial-value: 0;
  inherits: true;
}

[data-beam="_r88R_2l_"] {
  position: relative;
  border-radius: 0px;
  overflow: hidden;
}

[data-beam="_r88R_2l_"][data-active] {
  animation:
    beam-spin-_r88R_2l_ 4.5s linear infinite,
    beam-fade-in-_r88R_2l_ 0.6s ease forwards;
}

[data-beam="_r88R_2l_"][data-fading] {
  animation:
    beam-spin-_r88R_2l_ 4.5s linear infinite,
    beam-fade-out-_r88R_2l_ 0.5s ease forwards;
}

[data-beam="_r88R_2l_"][data-active]::after,
[data-beam="_r88R_2l_"][data-fading]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0px;
  padding: 1px;
  clip-path: inset(0 round 0px);
  background: conic-gradient(
        from var(--beam-angle-_r88R_2l_),
        transparent 0%, transparent 54%,
        rgba(0, 0, 0, 0.08) 57%,
        rgba(0, 0, 0, 0.2) 60%,
        rgba(0, 0, 0, 0.4) 63%,
        rgba(0, 0, 0, 0.55) 66%,
        rgba(0, 0, 0, 0.4) 69%,
        rgba(0, 0, 0, 0.2) 72%,
        rgba(0, 0, 0, 0.08) 75%,
        transparent 78%, transparent 100%
      ),radial-gradient(ellipse 70px 40px at 33% -7.4%, rgb(180, 180, 180), transparent),
    radial-gradient(ellipse 60px 35px at 12% -5%, rgb(140, 140, 140), transparent),
    radial-gradient(ellipse 40px 70px at 2.1% 68.3%, rgb(160, 160, 160), transparent),
    radial-gradient(ellipse 20px 35px at 2.1% 68.3%, rgb(130, 130, 130), transparent),
    radial-gradient(ellipse 180px 32px at 74.4% 100%, rgb(170, 170, 170), transparent),
    radial-gradient(ellipse 85px 26px at 55% 100%, rgb(150, 150, 150), transparent),
    radial-gradient(ellipse 74px 32px at 93.9% 0%, rgb(190, 190, 190), transparent),
    radial-gradient(ellipse 26px 42px at 100% 27.1%, rgb(145, 145, 145), transparent),
    radial-gradient(ellipse 52px 48px at 100% 27.1%, rgb(165, 165, 165), transparent);
  -webkit-mask:
    conic-gradient(
      from var(--beam-angle-_r88R_2l_),
      transparent 0%, transparent 30%,
      rgba(255, 255, 255, 0.1) 36%, rgba(255, 255, 255, 0.35) 44%,
      white 52%, white 80%,
      rgba(255, 255, 255, 0.35) 86%, rgba(255, 255, 255, 0.1) 92%,
      transparent 95%, transparent 100%
    ),
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: source-in, xor;
  mask:
    conic-gradient(
      from var(--beam-angle-_r88R_2l_),
      transparent 0%, transparent 30%,
      rgba(255, 255, 255, 0.1) 36%, rgba(255, 255, 255, 0.35) 44%,
      white 52%, white 80%,
      rgba(255, 255, 255, 0.35) 86%, rgba(255, 255, 255, 0.1) 92%,
      transparent 95%, transparent 100%
    ),
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: intersect, exclude;
  pointer-events: none;
  z-index: 2;
  opacity: calc(var(--beam-opacity-_r88R_2l_) * 0.17 * var(--beam-strength, 1));
  
}

[data-beam="_r88R_2l_"][data-active]::before,
[data-beam="_r88R_2l_"][data-fading]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 0px;
  background: radial-gradient(ellipse 63px 36px at 33% -7.4%, rgba(180, 180, 180, 0.225), transparent),
    radial-gradient(ellipse 54px 32px at 12% -5%, rgba(140, 140, 140, 0.225), transparent),
    radial-gradient(ellipse 36px 63px at 2.1% 68.3%, rgba(160, 160, 160, 0.225), transparent),
    radial-gradient(ellipse 18px 32px at 2.1% 68.3%, rgba(130, 130, 130, 0.225), transparent),
    radial-gradient(ellipse 162px 29px at 74.4% 100%, rgba(170, 170, 170, 0.225), transparent),
    radial-gradient(ellipse 77px 23px at 55% 100%, rgba(150, 150, 150, 0.225), transparent),
    radial-gradient(ellipse 67px 29px at 93.9% 0%, rgba(190, 190, 190, 0.225), transparent),
    radial-gradient(ellipse 23px 38px at 100% 27.1%, rgba(145, 145, 145, 0.225), transparent),
    radial-gradient(ellipse 47px 43px at 100% 27.1%, rgba(165, 165, 165, 0.225), transparent);
  box-shadow: inset 0 0 9px 1px rgba(0, 0, 0, 0.14);
  -webkit-mask-image:
    conic-gradient(
      from var(--beam-angle-_r88R_2l_),
      transparent 0%, transparent 30%,
      rgba(255, 255, 255, 0.1) 36%, rgba(255, 255, 255, 0.35) 44%,
      white 52%, white 80%,
      rgba(255, 255, 255, 0.35) 86%, rgba(255, 255, 255, 0.1) 92%,
      transparent 95%, transparent 100%
    ),
    linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white),
    linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);
  -webkit-mask-composite: source-in, source-over;
  mask-image:
    conic-gradient(
      from var(--beam-angle-_r88R_2l_),
      transparent 0%, transparent 30%,
      rgba(255, 255, 255, 0.1) 36%, rgba(255, 255, 255, 0.35) 44%,
      white 52%, white 80%,
      rgba(255, 255, 255, 0.35) 86%, rgba(255, 255, 255, 0.1) 92%,
      transparent 95%, transparent 100%
    ),
    linear-gradient(white, transparent 28px, transparent calc(100% - 28px), white),
    linear-gradient(to right, white, transparent 28px, transparent calc(100% - 28px), white);
  mask-composite: intersect, add;
  pointer-events: none;
  z-index: 1;
  opacity: calc(var(--beam-opacity-_r88R_2l_) * 0.23 * var(--beam-strength, 1));
  clip-path: inset(0 round 0px);
  
}

[data-beam="_r88R_2l_"] [data-beam-bloom] {
  display: none;
  position: absolute;
  inset: 0;
  border-radius: 0px;
  clip-path: inset(0 round 0px);
  background: conic-gradient(
        from var(--beam-angle-_r88R_2l_),
        transparent 0%, transparent 58%,
        rgba(0, 0, 0, 0.02) 62%,
        rgba(0, 0, 0, 0.08) 65%,
        rgba(0, 0, 0, 0.2) 67%,
        rgba(0, 0, 0, 0.4) 69%,
        rgba(0, 0, 0, 0.6) 70%,
        rgba(0, 0, 0, 0.6) 70.5%,
        rgba(0, 0, 0, 0.4) 71.5%,
        rgba(0, 0, 0, 0.2) 73%,
        rgba(0, 0, 0, 0.08) 75%,
        rgba(0, 0, 0, 0.02) 78%,
        transparent 82%
      );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  padding: 1px;
  filter: blur(8px) brightness(1.75) saturate(1.40);
  pointer-events: none;
  z-index: 3;
  opacity: 0;
}

[data-beam="_r88R_2l_"][data-active] [data-beam-bloom],
[data-beam="_r88R_2l_"][data-fading] [data-beam-bloom] {
  display: block;
  opacity: calc(var(--beam-opacity-_r88R_2l_) * 0.27 * var(--beam-strength, 1));
}

@keyframes beam-spin-_r88R_2l_ {
  to { --beam-angle-_r88R_2l_: 360deg; }
}

@keyframes beam-fade-in-_r88R_2l_ {
  to { --beam-opacity-_r88R_2l_: 1; }
}

@keyframes beam-fade-out-_r88R_2l_ {
  from { --beam-opacity-_r88R_2l_: 1; }
  to { --beam-opacity-_r88R_2l_: 0; }
}

</style><div data-beam="_r88R_2l_" class="customer-browser-beam h-full min-h-0 w-full" style="--customer-browser-beam-duration:4.5s;--beam-strength:1"><div class="bg-background-100 relative flex items-start justify-between overflow-hidden h-full w-full"><div class="relative flex h-full w-full flex-col items-stretch justify-start gap-5 px-6 pt-3 pb-6 sm:gap-6 sm:p-8 md:gap-6 md:p-10 lg:p-16 xl:p-20" style="opacity:1"><div class="relative w-full px-5 py-6 pl-8 sm:p-5 sm:pl-8 xl:p-9 xl:pl-12"><div aria-hidden="true" class="pointer-events-none absolute z-0 border-border-100 bg-background-200 border border-dashed inset-0 rounded-lg"></div><div class="relative z-10"><div class="grid w-full gap-4 sm:grid-cols-[minmax(0,1fr)_auto] sm:grid-rows-[auto_auto] sm:items-start sm:gap-5 sm:gap-x-10 sm:gap-y-6 md:gap-x-12"><div class="-mr-12 flex w-full shrink-0 justify-end sm:col-start-2 sm:mr-0 sm:row-span-2 row-start-3 -mt-6 sm:mt-0" style="opacity:1"><div data-cms-path="quotes.shopify.image" data-cms-type="text"><div class="relative size-32 shrink-0 sm:size-36 md:size-40 rounded-xl"><div class="absolute inset-0 flex items-center justify-center overflow-hidden rounded-xl"><span aria-hidden="true" class="text-foreground-200 size-[4.5rem] sm:size-20 md:size-24"><svg viewBox="0 0 152 172" class="inline-block shrink-0 size-full" aria-hidden="true"><use href="/icons.svg#shopifyLogo"></use></svg></span></div><img src="/people/duncan-davidson.png" alt="Duncan Davidson" width="64" height="64" class="absolute bottom-0 left-0 z-10 size-14 border-2 object-cover shadow-sm rounded-full sm:size-16" loading="lazy" decoding="async" data-cms-path="quotes.shopify.person.image" data-cms-type="text"/></div></div></div><div class="min-w-0 sm:col-start-1 sm:row-start-1" style="opacity:1"><blockquote class="m-0 border-0 p-0"><h3 class="browser-testimony-quote text-foreground-100 relative font-normal text-balance" data-cms-path="quotes.shopify.quote" data-cms-type="text"><span class="text-foreground-100/40 md:text-foreground-200 absolute -left-4" aria-hidden="true">“</span><span class="opacity-0"><span class="browser-quote-word" style="color:var(--color-foreground-100)">For</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">Shopify,</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">the</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">real</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">challenge</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">is</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">not</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">about</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">how</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">many</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">different</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">pieces</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">of</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">complex</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">technology</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">we</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">can</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">use</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">but</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">the</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">opposite.</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">Cloudflare</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">helps</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">us</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">find</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">a</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">simple</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">way</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">to</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">achieve</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">something</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">very</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">complex</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">that</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">we</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">can</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">scale</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">and</span> <span class="browser-quote-word" style="color:var(--color-foreground-100)">maintain.</span></span><span class="text-foreground-100/40 md:text-foreground-200 ml-1" aria-hidden="true">”</span></h3></blockquote></div><div class="flex flex-col items-start gap-2 sm:col-start-1 sm:row-start-2" style="opacity:1"><p class="text-secondary min-w-0"><strong class="text-foreground-100 font-medium" data-cms-path="quotes.shopify.person.name" data-cms-type="text">Duncan Davidson</strong>, <span data-cms-path="quotes.shopify.person.title" data-cms-type="text">VP of Developer Productivity</span>, <span data-cms-path="quotes.shopify.company" data-cms-type="text">Shopify</span></p></div></div></div></div></div></div><div data-beam-bloom="true"></div></div></div></section></div></div><!--astro:end--></astro-island> </div> <p class="heading-visual-h5 text-foreground-100/70 text-balance"> And thousands more... </p> <div> <astro-island uid="ZW0vvX" prefix="r89" component-url="/_astro/_logos.ChhfVjJO.js" component-export="LogosCompact" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;logos&quot;:[1,[[0,{&quot;id&quot;:[0,&quot;19b832bf-4265-419f-b95b-96ad4450babb&quot;],&quot;label&quot;:[0,&quot;Fossil&quot;],&quot;src&quot;:[0,&quot;/companies/e4ea9663-706f-4411-b25c-539fca52c862.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;83793dca-680e-4406-909d-b359706be9c7&quot;],&quot;label&quot;:[0,&quot;Visa Print&quot;],&quot;src&quot;:[0,&quot;/companies/3ccce0b1-a008-42d0-a6e3-7c228a78d0c8.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;4e51313f-3b39-407a-b49c-8d57ebf714f1&quot;],&quot;label&quot;:[0,&quot;Canva&quot;],&quot;src&quot;:[0,&quot;/companies/0c59832d-e3d3-458e-bb88-8894a4f9d18e.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;483381c6-0891-408f-add1-212d23a02346&quot;],&quot;label&quot;:[0,&quot;Uber&quot;],&quot;src&quot;:[0,&quot;/companies/74c5e83e-abc8-49a4-a55b-0ecf972bb849.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;f721ecc9-9bd2-4c49-9e29-0164dacf1eee&quot;],&quot;label&quot;:[0,&quot;Broadcom&quot;],&quot;src&quot;:[0,&quot;/companies/ecbc9f10-50da-4a73-9a27-54a18d00aa9e.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;00473bbf-7ff0-4426-856a-7ecdf4a23f37&quot;],&quot;label&quot;:[0,&quot;Department of Commerce&quot;],&quot;src&quot;:[0,&quot;/companies/21708102-7a68-4230-8ca6-b088879ce262.png&quot;]}],[0,{&quot;id&quot;:[0,&quot;ff218cb1-5e6d-41d1-9bff-2844ddbbb9dc&quot;],&quot;label&quot;:[0,&quot;Hubspot&quot;],&quot;src&quot;:[0,&quot;/companies/47e69d4e-6b6d-46e4-868a-3f22950572f8.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;61fb9f1c-6736-49c3-999b-a382ed63de86&quot;],&quot;label&quot;:[0,&quot;Loreal&quot;],&quot;src&quot;:[0,&quot;/companies/4b6fd6e4-96c4-4c26-a4e4-d52c75d93cdf.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;f5fa800f-a661-432a-9177-cbf1bbff5250&quot;],&quot;label&quot;:[0,&quot;Roche&quot;],&quot;src&quot;:[0,&quot;/companies/02430f10-e1fe-4e48-8400-43adfa3328e2.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;c6154c4e-daf2-405b-8f91-f0f4ff68432e&quot;],&quot;label&quot;:[0,&quot;Homeland Security&quot;],&quot;src&quot;:[0,&quot;/companies/1e9d9fd3-c1e8-47df-a4dc-7c97d9f8b6c8.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;0a9c5ffd-8fc3-4365-8de5-3e2f23efea58&quot;],&quot;label&quot;:[0,&quot;Braze&quot;],&quot;src&quot;:[0,&quot;/companies/673e6f52-edfd-4d95-81b6-6a523da89374.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;c64b0ea9-b409-4428-b759-a6a41d564849&quot;],&quot;label&quot;:[0,&quot;Carrefour&quot;],&quot;src&quot;:[0,&quot;/companies/6d07e6ca-12a0-4244-b1dd-327cde491e2f.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;2e25ccd6-10cd-48d9-8dfb-5e5d821f990b&quot;],&quot;label&quot;:[0,&quot;Delivery Hero&quot;],&quot;src&quot;:[0,&quot;/companies/6ad20752-7949-4dc6-9de8-c93d5e33888a.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;863693fc-2e76-45e8-be75-764e401290be&quot;],&quot;label&quot;:[0,&quot;SoFi&quot;],&quot;src&quot;:[0,&quot;/companies/ad2cf871-580c-41ba-ac0c-8d2f7be3c8ff.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;b9cb874a-d81e-4896-aaf5-bbe8168a4e41&quot;],&quot;label&quot;:[0,&quot;Telus&quot;],&quot;src&quot;:[0,&quot;/companies/1f3ec03d-833c-4b28-b61d-317e3fa0c886.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;f015ba05-6f26-4c41-8c55-64819f017c3f&quot;],&quot;label&quot;:[0,&quot;Workday&quot;],&quot;src&quot;:[0,&quot;/companies/c9ead275-76e3-424e-b181-4f410ecb68ce.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;0b5144e2-1727-41e4-8ec0-3de8f7b39cd2&quot;],&quot;label&quot;:[0,&quot;Colgate Palmolive&quot;],&quot;src&quot;:[0,&quot;/companies/75ef1c21-b669-4199-b229-d6551a7e951d.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;37ea3fee-19bc-486a-af70-57e6dac9898d&quot;],&quot;label&quot;:[0,&quot;Indeed&quot;],&quot;src&quot;:[0,&quot;/companies/7f0c2889-d3c1-4b33-b205-e1917c22bb53.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;42cf77c8-ea4c-47ae-931f-aac34238712d&quot;],&quot;label&quot;:[0,&quot;Labcorp&quot;],&quot;src&quot;:[0,&quot;/companies/6d985b86-996a-45d4-b004-f8becedf5676.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;1661846f-5bdd-4c22-acd2-4d10d60724c5&quot;],&quot;label&quot;:[0,&quot;NCR Voyix&quot;],&quot;src&quot;:[0,&quot;/companies/7b4629c1-433d-4069-a068-1a227076122c.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;e3ae20e6-35b0-4b47-9499-6c8f4c4ecaf1&quot;],&quot;label&quot;:[0,&quot;Garmin&quot;],&quot;src&quot;:[0,&quot;/companies/d3e85b73-865f-4017-b29c-5acaf120c0c4.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;14441298-96e5-414b-a3da-346d0d43e836&quot;],&quot;label&quot;:[0,&quot;Genuine Parts Company&quot;],&quot;src&quot;:[0,&quot;/companies/d89fbfe9-ff19-4095-9f9d-94e39bc90ecc.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;6502f263-40aa-45fd-8e99-1bab97c6470e&quot;],&quot;label&quot;:[0,&quot;Mars&quot;],&quot;src&quot;:[0,&quot;/companies/ef9e904a-27f8-44e1-870f-935dc2bfdb90.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;103dc694-4f3e-4f79-ace5-c00c18c20bf7&quot;],&quot;label&quot;:[0,&quot;Telefonica&quot;],&quot;src&quot;:[0,&quot;/companies/54d619f3-887b-4eb2-8c4a-1fd75959f303.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;3f9fa836-48b0-46c8-a3f0-7a620157dd88&quot;],&quot;label&quot;:[0,&quot;Anthropic&quot;],&quot;src&quot;:[0,&quot;/companies/2427de55-f683-4bf7-a30a-d748222436ce.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;ffcece98-e00d-451b-a1ee-bacb4cfdf7ab&quot;],&quot;label&quot;:[0,&quot;Asana&quot;],&quot;src&quot;:[0,&quot;/companies/2aee0afe-176a-449e-a926-a4444adf1fe0.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;145f7a93-c7fd-4d3d-a9ef-0ba5ce5fae79&quot;],&quot;label&quot;:[0,&quot;Atlassian&quot;],&quot;src&quot;:[0,&quot;/companies/bd5897bc-21b1-4ec0-bc08-6697da26ac59.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;c9e75c8b-606f-47ba-9eeb-ed92c7a5066e&quot;],&quot;label&quot;:[0,&quot;Block&quot;],&quot;src&quot;:[0,&quot;/companies/05745480-bcb4-4699-8344-aa2e854fe6a6.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;2259b3d5-08ac-4cd7-be88-439ecf0d3500&quot;],&quot;label&quot;:[0,&quot;CoreWeave&quot;],&quot;src&quot;:[0,&quot;/companies/7d670892-b1c3-4d75-854e-f3cf43b5dd1a.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;65e43eea-a7ec-43d2-807b-8d118ec7ba10&quot;],&quot;label&quot;:[0,&quot;Leonardo.ai&quot;],&quot;src&quot;:[0,&quot;/companies/39a8c473-3e3e-448b-ac0b-109ec525621e.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;79e9c248-eb2b-4d3b-836e-36f91c4ce0a3&quot;],&quot;label&quot;:[0,&quot;Stripe&quot;],&quot;src&quot;:[0,&quot;/companies/23f76a0c-6da4-4fcd-a101-7fcddcb3cc29.svg&quot;]}],[0,{&quot;id&quot;:[0,&quot;d996bb3c-0f69-4279-b0ea-f84d924d96c2&quot;],&quot;label&quot;:[0,&quot;Block&quot;],&quot;src&quot;:[0,&quot;/companies/e6a62228-5ebe-410e-bb84-d06227d882a2.svg&quot;]}]]]}" ssr client="visible" opts="{&quot;name&quot;:&quot;LogosCompact&quot;,&quot;value&quot;:{&quot;rootMargin&quot;:&quot;200px&quot;}}" await-children><div class="relative w-full overflow-hidden py-2"><div class="items-center"><div class="flex w-max" style="gap:64px;flex-direction:row;transform:none"><div class="flex shrink-0" style="gap:64px;flex-direction:row"><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/e4ea9663-706f-4411-b25c-539fca52c862.svg" alt="Fossil" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/3ccce0b1-a008-42d0-a6e3-7c228a78d0c8.svg" alt="Visa Print" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/0c59832d-e3d3-458e-bb88-8894a4f9d18e.svg" alt="Canva" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/74c5e83e-abc8-49a4-a55b-0ecf972bb849.svg" alt="Uber" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/ecbc9f10-50da-4a73-9a27-54a18d00aa9e.svg" alt="Broadcom" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/21708102-7a68-4230-8ca6-b088879ce262.png" alt="Department of Commerce" class="block object-contain select-none" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/47e69d4e-6b6d-46e4-868a-3f22950572f8.svg" alt="Hubspot" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/4b6fd6e4-96c4-4c26-a4e4-d52c75d93cdf.svg" alt="Loreal" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/02430f10-e1fe-4e48-8400-43adfa3328e2.svg" alt="Roche" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/1e9d9fd3-c1e8-47df-a4dc-7c97d9f8b6c8.svg" alt="Homeland Security" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/673e6f52-edfd-4d95-81b6-6a523da89374.svg" alt="Braze" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/6d07e6ca-12a0-4244-b1dd-327cde491e2f.svg" alt="Carrefour" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/6ad20752-7949-4dc6-9de8-c93d5e33888a.svg" alt="Delivery Hero" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/ad2cf871-580c-41ba-ac0c-8d2f7be3c8ff.svg" alt="SoFi" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/1f3ec03d-833c-4b28-b61d-317e3fa0c886.svg" alt="Telus" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/c9ead275-76e3-424e-b181-4f410ecb68ce.svg" alt="Workday" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/75ef1c21-b669-4199-b229-d6551a7e951d.svg" alt="Colgate Palmolive" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/7f0c2889-d3c1-4b33-b205-e1917c22bb53.svg" alt="Indeed" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/6d985b86-996a-45d4-b004-f8becedf5676.svg" alt="Labcorp" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/7b4629c1-433d-4069-a068-1a227076122c.svg" alt="NCR Voyix" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/d3e85b73-865f-4017-b29c-5acaf120c0c4.svg" alt="Garmin" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/d89fbfe9-ff19-4095-9f9d-94e39bc90ecc.svg" alt="Genuine Parts Company" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/ef9e904a-27f8-44e1-870f-935dc2bfdb90.svg" alt="Mars" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/54d619f3-887b-4eb2-8c4a-1fd75959f303.svg" alt="Telefonica" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/2427de55-f683-4bf7-a30a-d748222436ce.svg" alt="Anthropic" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/2aee0afe-176a-449e-a926-a4444adf1fe0.svg" alt="Asana" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/bd5897bc-21b1-4ec0-bc08-6697da26ac59.svg" alt="Atlassian" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/05745480-bcb4-4699-8344-aa2e854fe6a6.svg" alt="Block" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/7d670892-b1c3-4d75-854e-f3cf43b5dd1a.svg" alt="CoreWeave" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/39a8c473-3e3e-448b-ac0b-109ec525621e.svg" alt="Leonardo.ai" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/23f76a0c-6da4-4fcd-a101-7fcddcb3cc29.svg" alt="Stripe" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="true" style="height:71px;width:108px;opacity:0"><img src="/companies/e6a62228-5ebe-410e-bb84-d06227d882a2.svg" alt="Block" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div></div><div aria-hidden="true" class="flex shrink-0" style="gap:64px;flex-direction:row"><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/e4ea9663-706f-4411-b25c-539fca52c862.svg" alt="Fossil" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/3ccce0b1-a008-42d0-a6e3-7c228a78d0c8.svg" alt="Visa Print" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/0c59832d-e3d3-458e-bb88-8894a4f9d18e.svg" alt="Canva" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/74c5e83e-abc8-49a4-a55b-0ecf972bb849.svg" alt="Uber" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/ecbc9f10-50da-4a73-9a27-54a18d00aa9e.svg" alt="Broadcom" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/21708102-7a68-4230-8ca6-b088879ce262.png" alt="Department of Commerce" class="block object-contain select-none" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/47e69d4e-6b6d-46e4-868a-3f22950572f8.svg" alt="Hubspot" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/4b6fd6e4-96c4-4c26-a4e4-d52c75d93cdf.svg" alt="Loreal" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/02430f10-e1fe-4e48-8400-43adfa3328e2.svg" alt="Roche" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/1e9d9fd3-c1e8-47df-a4dc-7c97d9f8b6c8.svg" alt="Homeland Security" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/673e6f52-edfd-4d95-81b6-6a523da89374.svg" alt="Braze" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/6d07e6ca-12a0-4244-b1dd-327cde491e2f.svg" alt="Carrefour" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/6ad20752-7949-4dc6-9de8-c93d5e33888a.svg" alt="Delivery Hero" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/ad2cf871-580c-41ba-ac0c-8d2f7be3c8ff.svg" alt="SoFi" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/1f3ec03d-833c-4b28-b61d-317e3fa0c886.svg" alt="Telus" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/c9ead275-76e3-424e-b181-4f410ecb68ce.svg" alt="Workday" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/75ef1c21-b669-4199-b229-d6551a7e951d.svg" alt="Colgate Palmolive" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/7f0c2889-d3c1-4b33-b205-e1917c22bb53.svg" alt="Indeed" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/6d985b86-996a-45d4-b004-f8becedf5676.svg" alt="Labcorp" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/7b4629c1-433d-4069-a068-1a227076122c.svg" alt="NCR Voyix" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/d3e85b73-865f-4017-b29c-5acaf120c0c4.svg" alt="Garmin" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/d89fbfe9-ff19-4095-9f9d-94e39bc90ecc.svg" alt="Genuine Parts Company" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/ef9e904a-27f8-44e1-870f-935dc2bfdb90.svg" alt="Mars" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/54d619f3-887b-4eb2-8c4a-1fd75959f303.svg" alt="Telefonica" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/2427de55-f683-4bf7-a30a-d748222436ce.svg" alt="Anthropic" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/2aee0afe-176a-449e-a926-a4444adf1fe0.svg" alt="Asana" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/bd5897bc-21b1-4ec0-bc08-6697da26ac59.svg" alt="Atlassian" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/05745480-bcb4-4699-8344-aa2e854fe6a6.svg" alt="Block" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/7d670892-b1c3-4d75-854e-f3cf43b5dd1a.svg" alt="CoreWeave" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/39a8c473-3e3e-448b-ac0b-109ec525621e.svg" alt="Leonardo.ai" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/23f76a0c-6da4-4fcd-a101-7fcddcb3cc29.svg" alt="Stripe" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div><div class="flex shrink-0 items-center justify-center overflow-hidden" aria-hidden="false" style="height:71px;width:108px;opacity:1"><img src="/companies/e6a62228-5ebe-410e-bb84-d06227d882a2.svg" alt="Block" class="block object-contain select-none opacity-0" style="width:37px;height:37px" loading="eager" decoding="async" draggable="false"/></div></div></div></div></div><!--astro:end--></astro-island> </div> </div> </div> </section> <section id="plans-title-1" class="px-section relative" data-cms-path="pricingPage.plans.promoSection"><div class="flex w-full min-w-0 flex-col items-center justify-center"><div class="mx-auto flex w-full max-w-[1080px] min-w-0 flex-col items-center text-center"><h3 class="text-foreground-100 w-full min-w-0 text-balance whitespace-pre-line" data-cms-path="pricingPage.plans.promoSection.title" data-cms-type="text">Powerful primitives, seamlessly integrated.<astro-island uid="1Tprk0" prefix="r34" component-url="/_astro/index.DhSU7-Yl.js" component-export="CopyLink" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;sectionId&quot;:[0,&quot;plans-title-1&quot;]}" ssr client="idle" opts="{&quot;name&quot;:&quot;CopyLink&quot;,&quot;value&quot;:true}" await-children><button class="relative hidden px-2 items-center justify-center text-foreground-100/40 active:scale-90 hover:text-foreground-100/70 shrink-0 cursor-pointer opacity-0 group-hover:opacity-100 duration-200 ease-out transition-all md:hidden py-1 translate-y-0.5 -translate-x-2" aria-hidden="true" title="Copy link to clipboard" tabindex="-1" type="button"><svg viewBox="0 0 24 24" class="inline-block shrink-0 size-6 transition-all select-none" aria-hidden="true"><use href="/icons.svg#link"></use></svg><svg viewBox="0 0 24 24" class="inline-block shrink-0 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 transition-all select-none size-6 scale-0 opacity-0" aria-hidden="true"><use href="/icons.svg#checkmark"></use></svg></button><!--astro:end--></astro-island></h3><p class="heading-visual-h5 mt-4 w-full min-w-0 text-balance whitespace-pre-line text-foreground-100/70" data-cms-path="pricingPage.plans.promoSection.description" data-cms-type="text">Built on systems powering 20% of the Internet, our platform runs on the same battle-tested infrastructure Cloudflare uses. Enterprise-grade reliability, security, and performance are the standard — without requiring specialized operational knowledge.</p></div></div></section> <section id="plans-all-products" class="gap-section relative flex flex-col">  <div class="relative mx-auto w-full max-w-[1200px] md:border"> <div class="*:border-border-100/50 relative grid w-full grid-cols-1 *:border-t md:grid-cols-2 lg:grid-cols-3 lg:*:border-l [&>*:first-child]:border-t-0 md:[&>*:nth-child(-n+2)]:border-t-0 lg:[&>*:nth-child(-n+3)]:border-t-0 lg:[&>*:nth-child(3n+1)]:border-l-0 md:[&>*:nth-child(even)]:border-l"> <div class="relative flex min-h-full w-full min-w-0 flex-col items-start justify-start gap-0.5 px-6 py-10"> <div class="pointer-events-none absolute inset-0 z-10 select-none" aria-hidden="true"><div class="bg-background-100 dark:bg-background-200 absolute" style="left:-7px;top:-7px;key:top-left;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="right:-7px;top:-7px;key:top-right;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="left:-7px;bottom:-7px;key:bottom-left;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="right:-7px;bottom:-7px;key:bottom-right;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div></div> <a class="text-tertiary hover:text-foreground-200/70 px-4 pb-2 text-sm leading-none font-medium transition-colors duration-200 max-lg:text-xs" href="/products/#compute"> Compute </a> <div class="flex w-full flex-col items-start justify-start"> <a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/browser-rendering/"> <svg viewBox="0 0 25 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productBrowserRenderings"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Browser Run </small> <small class="text-tertiary leading-snug font-normal!"> Automated browsers </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/containers/"> <svg viewBox="0 0 25 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productContainers"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Containers </small> <small class="text-tertiary leading-snug font-normal!"> Any language, anywhere </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/durable-objects/"> <svg viewBox="0 0 25 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productDurableObjects"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Durable Objects </small> <small class="text-tertiary leading-snug font-normal!"> Stateful compute </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/sandboxes/"> <svg viewBox="-2 -2 28 28" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productSandboxes"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Sandboxes </small> <small class="text-tertiary leading-snug font-normal!"> Secure code execution </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/workers/"> <svg viewBox="0 0 25 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productWorkers"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Workers </small> <small class="text-tertiary leading-snug font-normal!"> Global serverless functions </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/workers-for-platforms/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m2 12 9.642 4.821c.131.066.197.099.266.111.06.012.123.012.184 0 .069-.012.135-.045.266-.11L22 12M2 17l9.642 4.821c.131.066.197.099.266.111.06.012.123.012.184 0 .069-.012.135-.045.266-.11L22 17M2 7l9.642-4.821c.131-.066.197-.098.266-.111a.5.5 0 0 1 .184 0c.069.013.135.045.266.11L22 7l-9.642 4.821a1.028 1.028 0 0 1-.266.111.501.501 0 0 1-.184 0c-.069-.012-.135-.045-.266-.11L2 7Z"></path></g></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Workers for Platforms </small> <small class="text-tertiary leading-snug font-normal!"> Programmable Platform Solutions </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/workflows/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m2 2 2 2m18-2-2 2m2 18-2-2M2 22l2-2m-2-4h1.5M8 2v1.5M22 8h-1.5M16 22v-1.5m2-4.5h3.5M16 2v4M2 8h4m2 14v-4m3.434-10.434-3.868 3.868c-.198.198-.297.297-.334.412a.5.5 0 0 0 0 .309c.037.114.136.213.334.41l3.868 3.87c.198.197.297.296.412.333.1.033.208.033.309 0 .114-.037.213-.136.41-.334l3.87-3.868c.197-.198.296-.297.333-.412a.499.499 0 0 0 0-.309c-.037-.114-.136-.213-.334-.41l-3.868-3.87c-.198-.197-.297-.296-.412-.333a.5.5 0 0 0-.309 0c-.114.037-.213.136-.41.334Z"></path></g></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Workflows </small> <small class="text-tertiary leading-snug font-normal!"> Process orchestration </small> </div> </a>  </div> </div><div class="relative flex min-h-full w-full min-w-0 flex-col items-start justify-start gap-0.5 px-6 py-10"> <div class="pointer-events-none absolute inset-0 z-10 select-none" aria-hidden="true"><div class="bg-background-100 dark:bg-background-200 absolute" style="left:-7px;top:-7px;key:top-left;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="right:-7px;top:-7px;key:top-right;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="left:-7px;bottom:-7px;key:bottom-left;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="right:-7px;bottom:-7px;key:bottom-right;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div></div> <a class="text-tertiary hover:text-foreground-200/70 px-4 pb-2 text-sm leading-none font-medium transition-colors duration-200 max-lg:text-xs" href="/products/#storage"> Storage </a> <div class="flex w-full flex-col items-start justify-start"> <a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/artifacts/"> <svg viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productArtifacts"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Artifacts </small> <small class="text-tertiary leading-snug font-normal!"> Git-native versioned storage </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/d1/"> <svg viewBox="0 0 25 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productD1"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> D1 </small> <small class="text-tertiary leading-snug font-normal!"> Serverless SQL </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/data-platform/"> <svg viewBox="0 0 56 56" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#lego"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Data Platform </small> <small class="text-tertiary leading-snug font-normal!"> Ingest, Catalog &amp; Query </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/hyperdrive/"> <svg viewBox="0 0 25 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productHyperdrive"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Hyperdrive </small> <small class="text-tertiary leading-snug font-normal!"> Global databases </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/queues/"> <svg viewBox="0 0 25 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productQueues"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Queues </small> <small class="text-tertiary leading-snug font-normal!"> Message processing </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/r2/"> <svg viewBox="0 0 25 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productR2"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> R2 </small> <small class="text-tertiary leading-snug font-normal!"> Egress-free storage </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/kv/"> <svg viewBox="0 0 25 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productKv"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> KV </small> <small class="text-tertiary leading-snug font-normal!"> Ultra-fast key-value storage </small> </div> </a>  </div> </div><div class="relative flex min-h-full w-full min-w-0 flex-col items-start justify-start gap-0.5 px-6 py-10"> <div class="pointer-events-none absolute inset-0 z-10 select-none" aria-hidden="true"><div class="bg-background-100 dark:bg-background-200 absolute" style="left:-7px;top:-7px;key:top-left;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="right:-7px;top:-7px;key:top-right;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="left:-7px;bottom:-7px;key:bottom-left;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="right:-7px;bottom:-7px;key:bottom-right;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div></div> <a class="text-tertiary hover:text-foreground-200/70 px-4 pb-2 text-sm leading-none font-medium transition-colors duration-200 max-lg:text-xs" href="/products/#ai"> AI </a> <div class="flex w-full flex-col items-start justify-start"> <a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/agents/"> <svg viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productAgents"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Agents </small> <small class="text-tertiary leading-snug font-normal!"> Build stateful AI agents </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/ai-gateway/"> <svg viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productAiGateway"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> AI Gateway </small> <small class="text-tertiary leading-snug font-normal!"> AI observability </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/ai-search/"> <svg viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productAutoRag"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> AI Search </small> <small class="text-tertiary leading-snug font-normal!"> Instant retrieval </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/vectorize/"> <svg viewBox="0 0 25 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productVectorize"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Vectorize </small> <small class="text-tertiary leading-snug font-normal!"> Vector database </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/workers-ai/"> <svg viewBox="0 0 25 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productWorkersAI"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Workers AI </small> <small class="text-tertiary leading-snug font-normal!"> Edge AI models </small> </div> </a>  </div> </div><div class="relative flex min-h-full w-full min-w-0 flex-col items-start justify-start gap-0.5 px-6 py-10"> <div class="pointer-events-none absolute inset-0 z-10 select-none" aria-hidden="true"><div class="bg-background-100 dark:bg-background-200 absolute" style="left:-7px;top:-7px;key:top-left;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="right:-7px;top:-7px;key:top-right;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="left:-7px;bottom:-7px;key:bottom-left;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="right:-7px;bottom:-7px;key:bottom-right;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div></div> <a class="text-tertiary hover:text-foreground-200/70 px-4 pb-2 text-sm leading-none font-medium transition-colors duration-200 max-lg:text-xs" href="/products/#sase"> SASE / Zero Trust </a> <div class="flex w-full flex-col items-start justify-start"> <a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/sase/"> <svg viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#shieldPlus"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> SASE </small> <small class="text-tertiary leading-snug font-normal!"> Cloudflare SASE platform </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/access/"> <svg viewBox="0 0 18 19" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#user"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Access </small> <small class="text-tertiary leading-snug font-normal!"> Zero trust access to private resources </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/casb/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M13 21H6m13-3h-9m-3 0H5m13 3h-2m-9-6a5 5 0 1 1 .1-9.999 5.502 5.502 0 0 1 10.195 1.004A4.5 4.5 0 1 1 17.5 15H6.999Z"></path></g></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> CASB </small> <small class="text-tertiary leading-snug font-normal!"> SaaS and cloud posture </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/dlp/"> <svg viewBox="0 0 16 16" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productDataLossPrevention"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Data Loss Prevention </small> <small class="text-tertiary leading-snug font-normal!"> Protect sensitive data </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/gateway/"> <svg viewBox="0 0 16 16" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productGateway"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Gateway </small> <small class="text-tertiary leading-snug font-normal!"> Web filtering </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/browser-isolation/"> <svg viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#browser"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Browser Isolation </small> <small class="text-tertiary leading-snug font-normal!"> Secure web browsing </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/wan/"> <svg viewBox="0 0 48 48" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productCloudflareWan"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> WAN </small> <small class="text-tertiary leading-snug font-normal!"> Cloud-delivered networking </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/email-security/"> <svg viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#shieldPlus"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Email Security </small> <small class="text-tertiary leading-snug font-normal!"> Phishing protection </small> </div> </a>  </div> </div><div class="relative flex min-h-full w-full min-w-0 flex-col items-start justify-start gap-0.5 px-6 py-10"> <div class="pointer-events-none absolute inset-0 z-10 select-none" aria-hidden="true"><div class="bg-background-100 dark:bg-background-200 absolute" style="left:-7px;top:-7px;key:top-left;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="right:-7px;top:-7px;key:top-right;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="left:-7px;bottom:-7px;key:bottom-left;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="right:-7px;bottom:-7px;key:bottom-right;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div></div> <a class="text-tertiary hover:text-foreground-200/70 px-4 pb-2 text-sm leading-none font-medium transition-colors duration-200 max-lg:text-xs" href="/products/#security"> Security </a> <div class="flex w-full flex-col items-start justify-start"> <a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/ddos/"> <svg viewBox="0 0 16 16" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productCloudflareNetworkFirewall"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> DDoS Protection </small> <small class="text-tertiary leading-snug font-normal!"> Mitigation Solutions </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/rate-limiting/"> <svg viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productRateLimiting"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Rate Limiting </small> <small class="text-tertiary leading-snug font-normal!"> Abuse prevention </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/ssl/"> <svg viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#shieldPlus"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> SSL </small> <small class="text-tertiary leading-snug font-normal!"> Secure Your Site with SSL </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/turnstile/"> <svg viewBox="0 0 54 54" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productTurnstile"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Turnstile </small> <small class="text-tertiary leading-snug font-normal!"> A CAPTCHA Replacement Solution </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/waf/"> <svg viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productWaf"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> WAF </small> <small class="text-tertiary leading-snug font-normal!"> Web Application Firewall </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/magic-transit/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m13 14-3-3m5.01-7.5V2m3.94 3.06L20.01 4m-1.06 9 1.06 1.06m-9-9L9.95 4m10.56 5h1.5M6.131 20.869l9.238-9.238c.396-.396.594-.594.668-.822a1 1 0 0 0 0-.618c-.074-.228-.272-.426-.668-.822l-.737-.738c-.397-.396-.595-.594-.823-.668a1 1 0 0 0-.618 0c-.228.074-.426.272-.822.668L3.13 17.87c-.396.396-.594.594-.668.822a1 1 0 0 0 0 .618c.074.228.272.426.668.822l.738.738c.396.396.594.594.822.668a1 1 0 0 0 .618 0c.228-.074.426-.272.822-.668Z"></path></g></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Magic Transit </small> <small class="text-tertiary leading-snug font-normal!"> DDoS Protection for Networks </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/client-side-security/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 9H2m0-1.2v8.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C4.28 21 5.12 21 6.8 21h10.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C22 18.72 22 17.88 22 16.2V7.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C19.72 3 18.88 3 17.2 3H6.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311C2 5.28 2 6.12 2 7.8Z"></path></g></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Client-Side Security </small> <small class="text-tertiary leading-snug font-normal!"> Prevent browser supply chain attacks </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/bot-management/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8.1 21.221a12.16 12.16 0 0 1-2.207-7.002 6.108 6.108 0 0 1 6.106-6.11 6.108 6.108 0 0 1 6.106 6.11"></path><path d="M8.1 21.221a12.16 12.16 0 0 1-2.207-7.002 6.108 6.108 0 0 1 6.106-6.11 6.108 6.108 0 0 1 6.106 6.11"></path><path d="M18.436 20.312c-.11.006-.218.016-.329.016a6.108 6.108 0 0 1-6.106-6.11"></path><path d="M18.436 20.312c-.11.006-.218.016-.329.016a6.108 6.108 0 0 1-6.106-6.11"></path><path d="M13.27 22a9.158 9.158 0 0 1-4.323-7.781 3.054 3.054 0 1 1 6.107 0 3.054 3.054 0 1 0 6.108 0c0-5.062-4.102-9.164-9.16-9.164-5.059 0-9.16 4.102-9.16 9.164 0 1.128.126 2.226.358 3.286"></path><path d="M13.27 22a9.158 9.158 0 0 1-4.323-7.781 3.054 3.054 0 1 1 6.107 0 3.054 3.054 0 1 0 6.108 0c0-5.062-4.102-9.164-9.16-9.164-5.059 0-9.16 4.102-9.16 9.164 0 1.128.126 2.226.358 3.286"></path><path d="M20.526 5.863A11.327 11.327 0 0 0 12 2a11.327 11.327 0 0 0-8.525 3.863"></path><path d="M20.526 5.863A11.327 11.327 0 0 0 12 2a11.327 11.327 0 0 0-8.525 3.863"></path></g></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Bot Management </small> <small class="text-tertiary leading-snug font-normal!"> Block bad bots </small> </div> </a>  </div> </div><div class="relative flex min-h-full w-full min-w-0 flex-col items-start justify-start gap-0.5 px-6 py-10"> <div class="pointer-events-none absolute inset-0 z-10 select-none" aria-hidden="true"><div class="bg-background-100 dark:bg-background-200 absolute" style="left:-7px;top:-7px;key:top-left;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="right:-7px;top:-7px;key:top-right;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="left:-7px;bottom:-7px;key:bottom-left;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div><div class="bg-background-100 dark:bg-background-200 absolute" style="right:-7px;bottom:-7px;key:bottom-right;width:14px;height:14px;border:1px solid var(--color-border-100);border-radius:3px"></div></div> <a class="text-tertiary hover:text-foreground-200/70 px-4 pb-2 text-sm leading-none font-medium transition-colors duration-200 max-lg:text-xs" href="/products/#network"> Network &amp; Content Delivery </a> <div class="flex w-full flex-col items-start justify-start"> <a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/cdn/"> <svg viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productNetwork"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> CDN </small> <small class="text-tertiary leading-snug font-normal!"> Faster delivery &amp; caching </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/dns/"> <svg viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productDNS"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> DNS </small> <small class="text-tertiary leading-snug font-normal!"> Fast DNS </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/load-balancing/"> <svg viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><use href="/icons.svg#productLoadBalancing"></use></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Load Balancing </small> <small class="text-tertiary leading-snug font-normal!"> Zero downtime </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/turn-sfu/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m14 17 3-3-3-3m-4-4-3 3 3 3m12-1c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z"></path></g></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> TURN / SFU </small> <small class="text-tertiary leading-snug font-normal!"> Real-time infra </small> </div> </a> <div class="bg-border-100/50 mx-4 h-px" aria-hidden="true"></div><a class="group hover:border-border-100 hover:bg-background-200 focus-visible:border-border-100 focus-visible:bg-background-300 dark:hover:border-border-100 dark:hover:bg-border-100/50 dark:focus-visible:border-border-100 dark:focus-visible:bg-border-100/50 pointer-events-auto flex w-full cursor-pointer items-center gap-5 rounded-md border border-transparent px-4 py-3 transition-all duration-200 ease-out" href="/products/analytics/"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" class="inline-block text-tertiary group-hover:text-accent-100! size-5 shrink-0 transition-colors duration-200" aria-hidden="true"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 20v-7m-8 7V10M4 20v-4m9.407-10.973 5.168 1.939M10.8 5.4 5.2 9.6m15.86-3.16a1.5 1.5 0 1 1-2.121 2.12 1.5 1.5 0 0 1 2.122-2.12Zm-16 3a1.5 1.5 0 1 1-2.12 2.12 1.5 1.5 0 0 1 2.12-2.12Zm8-6a1.5 1.5 0 1 1-2.121 2.12 1.5 1.5 0 0 1 2.122-2.12Z"></path></g></svg> <div class="flex min-w-0 flex-1 flex-col gap-1.5"> <small class="text-foreground-200 group-hover:text-secondary leading-none font-medium! transition-colors duration-200"> Analytics </small> <small class="text-tertiary leading-snug font-normal!"> Web Performance &amp; Security </small> </div> </a>  </div> </div> </div> </div> </section> <section class="animate-in mx-auto fade-in transition-opacity delay-100 duration-2000 ease-out relative z-0 bg-background-100 -mt-0.5 flex w-full flex-col overflow-hidden md:hidden ">  <svg class="corner-line top-line absolute top-0 left-1/2 h-1 -translate-x-1/2 transition-opacity duration-2000 ease-out w-[200dvw]" preserveAspectRatio="none" aria-hidden="true"> <line x1="0" y1="0.5" x2="100%" y2="0.5" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="16,16"></line> </svg> <div class="relative mb-2 h-20 w-full"> <svg class="pointer-events-none absolute top-0 left-0 z-0 h-full w-full" data-testid="rf__background" aria-hidden="true" style="stroke-dasharray:none;stroke-dashoffset:0"><pattern id="pattern-hxlvne" x="0" y="0" width="12" height="12" patternUnits="userSpaceOnUse"><circle cx="6" cy="6" r="0.75" fill="var(--color-decor-dots-100)" style="stroke-dasharray:none;stroke-dashoffset:0"></circle></pattern><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-hxlvne)" style="stroke-dasharray:none;stroke-dashoffset:0"></rect></svg> </div> <svg class="corner-line bottom-line absolute bottom-0 left-1/2 h-1 w-[200dvw] -translate-x-1/2 transition-opacity duration-2000 ease-out" preserveAspectRatio="none"> <line x1="0" y1="0.5" x2="100%" y2="0.5" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="16,16"></line> </svg> </section> <section id="build" data-cms-path="build-sections.default" class="bg-background-100 relative z-10 md:p-2"> <astro-island uid="GOGTw" prefix="r64" component-url="/_astro/index.CIRq-r3a.js" component-export="CornerLines" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;internal&quot;:[0,false]}" ssr client="visible" opts="{&quot;name&quot;:&quot;CornerLines&quot;,&quot;value&quot;:true}" await-children><div class="corner-lines-container" aria-hidden="true"><svg class="corner-line top-line absolute top-0 left-1/2 h-1 w-[200dvw] -translate-x-1/2 transition-opacity duration-[2000ms] ease-out opacity-50" preserveAspectRatio="none" aria-hidden="true"><line x1="0" y1="0.5" x2="100%" y2="0.5" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="16,16"></line></svg><svg class="corner-line bottom-line absolute bottom-0 left-1/2 h-1 w-[200dvw] -translate-x-1/2 transition-opacity duration-[2000ms] ease-out opacity-0" preserveAspectRatio="none"><line x1="0" y1="0.5" x2="100%" y2="0.5" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="16,16"></line></svg></div><!--astro:end--></astro-island> <div class="mx-auto w-full max-w-[1480px]"> <div class="bg-accent-100 shadow-stack relative overflow-hidden md:rounded-2xl">  <div class="px-section relative flex flex-col items-center justify-center pt-32 pb-28 text-center">  <div class="absolute inset-0 z-0 bg-cover bg-bottom" style="background-image: url('/static/hero-poster.avif');" aria-hidden="true"></div> <astro-island uid="17LMP6" prefix="r65" component-url="/_astro/_ui.C65R84Ms.js" component-export="UI" renderer-url="/_astro/client.Bi_EZCi7.js" props="{}" ssr client="visible" opts="{&quot;name&quot;:&quot;UI&quot;,&quot;value&quot;:true}" await-children><div class="absolute right-0 top-0 left-0 z-0 h-1/2 -translate-y-[25px]"><div class="absolute bottom-0 left-1/2 flex h-full w-1/2 -translate-x-1/2 flex-col items-center justify-center"><div class="bg-light-foreground/10 z-0 -translate-x-[500px] border-light-foreground/50 translate-y-[112px] absolute h-[148px] w-[150px] border opacity-0"><div class="pointer-events-none absolute inset-0 z-10 select-none" aria-hidden="true"><div class="absolute bg-accent-200 dark:bg-accent-200" style="left:-4px;top:-4px;key:top-left;width:8px;height:8px;border:1px solid var(--color-light-foreground);border-radius:1.5px"></div><div class="absolute bg-accent-200 dark:bg-accent-200" style="right:-4px;top:-4px;key:top-right;width:8px;height:8px;border:1px solid var(--color-light-foreground);border-radius:1.5px"></div><div class="absolute bg-accent-200 dark:bg-accent-200" style="left:-4px;bottom:-4px;key:bottom-left;width:8px;height:8px;border:1px solid var(--color-light-foreground);border-radius:1.5px"></div><div class="absolute bg-accent-200 dark:bg-accent-200" style="right:-4px;bottom:-4px;key:bottom-right;width:8px;height:8px;border:1px solid var(--color-light-foreground);border-radius:1.5px"></div></div></div><div class="bg-light-foreground/10 translate-x-[500px] z-0 border-light-foreground/50 translate-y-[112px] absolute h-[148px] w-[150px] border opacity-0"><div class="pointer-events-none absolute inset-0 z-10 select-none" aria-hidden="true"><div class="absolute bg-accent-200 dark:bg-accent-200" style="left:-4px;top:-4px;key:top-left;width:8px;height:8px;border:1px solid var(--color-light-foreground);border-radius:1.5px"></div><div class="absolute bg-accent-200 dark:bg-accent-200" style="right:-4px;top:-4px;key:top-right;width:8px;height:8px;border:1px solid var(--color-light-foreground);border-radius:1.5px"></div><div class="absolute bg-accent-200 dark:bg-accent-200" style="left:-4px;bottom:-4px;key:bottom-left;width:8px;height:8px;border:1px solid var(--color-light-foreground);border-radius:1.5px"></div><div class="absolute bg-accent-200 dark:bg-accent-200" style="right:-4px;bottom:-4px;key:bottom-right;width:8px;height:8px;border:1px solid var(--color-light-foreground);border-radius:1.5px"></div></div></div></div></div><!--astro:end--></astro-island> <div class="relative mx-auto flex max-w-4xl flex-col gap-10"> <h1 class="home-hero-title text-light-foreground max-w-[1080px] text-balance" style="text-shadow: -1px -1px 0 var(--color-accent-100), 1px -1px 0 var(--color-accent-100), -1px 1px 0 var(--color-accent-100), 1px 1px 0 var(--color-accent-100);" data-cms-path="build-sections.default.headline" data-cms-type="text">Build without boundaries</h1> <p class="heading-visual-h5 text-light-foreground mx-auto max-w-2xl" data-cms-path="build-sections.default.description" data-cms-type="text"> Join thousands of developers who&#39;ve eliminated infrastructure complexity and deployed globally with Cloudflare. Start building for free — no credit card required. </p> <div class="flex flex-col justify-center gap-2 sm:flex-row sm:gap-1"> <astro-island uid="Z1yReAj" prefix="r82" component-url="/_astro/index.dtL_2Idz.js" component-export="Button" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;id&quot;:[0,&quot;start-building-button&quot;],&quot;variant&quot;:[0,&quot;light&quot;],&quot;className&quot;:[0,&quot;text-lg hover:scale-100&quot;],&quot;href&quot;:[0,&quot;https://dash.cloudflare.com/sign-up&quot;],&quot;data-cms-path&quot;:[0,&quot;build-sections.default.primaryCtaHref&quot;],&quot;data-cms-type&quot;:[0,&quot;text&quot;]}" ssr client="load" opts="{&quot;name&quot;:&quot;Button&quot;,&quot;value&quot;:true}" await-children><a href="https://dash.cloudflare.com/sign-up" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center gap-2 whitespace-nowrap border font-medium backdrop-blur-md transition-[scale,translate] duration-[0.16s] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none rounded-xl md:rounded-full border-light-foreground bg-light-foreground text-on-accent active:scale-[0.98] hover:bg-transparent hover:text-light-foreground hover:before:opacity-[0.26] focus-visible:before:opacity-[0.26] px-6 py-5 md:py-3 text-lg hover:scale-100" id="start-building-button" data-cms-path="build-sections.default.primaryCtaHref" data-cms-type="text"><astro-slot> <span data-cms-path="build-sections.default.primaryCtaText" data-cms-type="text"> Start building for free </span> </astro-slot></a><!--astro:end--></astro-island> <astro-island uid="1ApThf" prefix="r83" component-url="/_astro/index.dtL_2Idz.js" component-export="Button" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;variant&quot;:[0,&quot;defaultLight&quot;],&quot;href&quot;:[0,&quot;https://developers.cloudflare.com/&quot;],&quot;data-cms-path&quot;:[0,&quot;build-sections.default.secondaryCtaHref&quot;],&quot;data-cms-type&quot;:[0,&quot;text&quot;]}" ssr client="load" opts="{&quot;name&quot;:&quot;Button&quot;,&quot;value&quot;:true}" await-children><a href="https://developers.cloudflare.com/" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center gap-2 whitespace-nowrap border font-medium backdrop-blur-md transition-[scale,translate] duration-[0.16s] ease-[cubic-bezier(0.25,0.46,0.45,0.94)] hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none rounded-xl md:rounded-full border-light-foreground/10 bg-accent-200 text-light-foreground active:scale-[0.98] hover:border-light-foreground hover:bg-background-300/5 hover:before:opacity-[0.26] focus-visible:before:opacity-[0.26] px-6 py-5 md:py-3" data-cms-path="build-sections.default.secondaryCtaHref" data-cms-type="text"><astro-slot> <span data-cms-path="build-sections.default.secondaryCtaText" data-cms-type="text"> View docs </span> </astro-slot></a><!--astro:end--></astro-island> </div> </div> </div> <div class="bg-accent-100 relative flex h-14 items-center overflow-hidden border-t border-[#FFDD99]/50" aria-hidden="true"> <script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();</script><astro-island uid="efBIR" component-url="/_astro/index.dtL_2Idz.js" component-export="InfiniteSlider" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;className&quot;:[0,&quot;text-light-foreground flex items-center space-x-8 leading-none whitespace-nowrap&quot;],&quot;speed&quot;:[0,50],&quot;gap&quot;:[0,48],&quot;scrollMomentum&quot;:[0,true]}" ssr client="only" opts="{&quot;name&quot;:&quot;InfiniteSlider&quot;,&quot;value&quot;:&quot;react&quot;}" await-children><template data-astro-template><span class="flex items-center gap-2"> <svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#earth"></use></svg> <span data-cms-path="build-sections.default.tickerItems.0.text" data-cms-type="text"> No cold starts or region complexity </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 64 64" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#productCloudflareOne"></use></svg> <span data-cms-path="build-sections.default.tickerItems.1.text" data-cms-type="text"> SASE and Zero Trust without the complexity </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#earth"></use></svg> <span data-cms-path="build-sections.default.tickerItems.2.text" data-cms-type="text"> Deploy to 330+ cities instantly </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 16 16" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#productMagicTransit"></use></svg> <span data-cms-path="build-sections.default.tickerItems.3.text" data-cms-type="text"> Defend against the Internet&#39;s biggest DDoS attacks </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#collapseAll"></use></svg> <span data-cms-path="build-sections.default.tickerItems.4.text" data-cms-type="text"> Predictable pricing without surprises </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 16 16" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#productAccess"></use></svg> <span data-cms-path="build-sections.default.tickerItems.5.text" data-cms-type="text"> Identity-aware Zero Trust access that retires your VPN </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#transmissionLte"></use></svg> <span data-cms-path="build-sections.default.tickerItems.6.text" data-cms-type="text"> Battle-tested infrastructure powering millions </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 48 48" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#productCache"></use></svg> <span data-cms-path="build-sections.default.tickerItems.7.text" data-cms-type="text"> CDN, WAF, and DNS faster than the public Internet </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#earth"></use></svg> <span data-cms-path="build-sections.default.tickerItems.0.text" data-cms-type="text"> No cold starts or region complexity </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 64 64" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#productCloudflareOne"></use></svg> <span data-cms-path="build-sections.default.tickerItems.1.text" data-cms-type="text"> SASE and Zero Trust without the complexity </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#earth"></use></svg> <span data-cms-path="build-sections.default.tickerItems.2.text" data-cms-type="text"> Deploy to 330+ cities instantly </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 16 16" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#productMagicTransit"></use></svg> <span data-cms-path="build-sections.default.tickerItems.3.text" data-cms-type="text"> Defend against the Internet&#39;s biggest DDoS attacks </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#collapseAll"></use></svg> <span data-cms-path="build-sections.default.tickerItems.4.text" data-cms-type="text"> Predictable pricing without surprises </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 16 16" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#productAccess"></use></svg> <span data-cms-path="build-sections.default.tickerItems.5.text" data-cms-type="text"> Identity-aware Zero Trust access that retires your VPN </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 24 24" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#transmissionLte"></use></svg> <span data-cms-path="build-sections.default.tickerItems.6.text" data-cms-type="text"> Battle-tested infrastructure powering millions </span> </span><span class="flex items-center gap-2"> <svg viewBox="0 0 48 48" class="inline-block shrink-0 size-4" aria-hidden="true"><use href="/icons.svg#productCache"></use></svg> <span data-cms-path="build-sections.default.tickerItems.7.text" data-cms-type="text"> CDN, WAF, and DNS faster than the public Internet </span> </span></template><!--astro:end--></astro-island> </div> </div> </div> </section> <section class="animate-in mx-auto fade-in transition-opacity delay-100 duration-2000 ease-out relative z-0 bg-background-100 -mt-0.5 flex w-full flex-col overflow-hidden md:hidden ">  <svg class="corner-line top-line absolute top-0 left-1/2 h-1 -translate-x-1/2 transition-opacity duration-2000 ease-out w-[200dvw]" preserveAspectRatio="none" aria-hidden="true"> <line x1="0" y1="0.5" x2="100%" y2="0.5" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="16,16"></line> </svg> <div class="relative mb-2 h-20 w-full"> <svg class="pointer-events-none absolute top-0 left-0 z-0 h-full w-full" data-testid="rf__background" aria-hidden="true" style="stroke-dasharray:none;stroke-dashoffset:0"><pattern id="pattern-hxlvne" x="0" y="0" width="12" height="12" patternUnits="userSpaceOnUse"><circle cx="6" cy="6" r="0.75" fill="var(--color-decor-dots-100)" style="stroke-dasharray:none;stroke-dashoffset:0"></circle></pattern><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-hxlvne)" style="stroke-dasharray:none;stroke-dashoffset:0"></rect></svg> </div> <svg class="corner-line bottom-line absolute bottom-0 left-1/2 h-1 w-[200dvw] -translate-x-1/2 transition-opacity duration-2000 ease-out" preserveAspectRatio="none"> <line x1="0" y1="0.5" x2="100%" y2="0.5" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="16,16"></line> </svg> </section>  </div> </main> <div class="overflow-x-clip"> <footer class="z-10 mx-auto max-w-[1480px] px-px" data-astro-cid-7q6xnliy> <div class="footer-scroll-host bg-background-100 px-section relative mx-auto flex w-full flex-col justify-between overflow-visible bg-linear-to-b pt-8 select-none [@media(max-height:924px)]:min-h-screen" data-astro-cid-7q6xnliy> <div class="pointer-events-none relative flex h-full w-full flex-col items-start gap-8 pb-8 lg:justify-between" data-astro-cid-7q6xnliy> <div class="flex justify-start lg:block lg:justify-center" data-astro-cid-7q6xnliy> <div class="flex flex-col items-start justify-start transition-opacity duration-200 ease-out lg:flex-row" data-astro-cid-7q6xnliy> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 719 59" fill="none" class="footer-cf-wordmark text-foreground-200 h-[12px] w-auto" aria-label="Cloudflare wordmark" role="img" data-astro-cid-7q6xnliy="true"><path d="M77.1016 1.09961H92.7015V43.5996H119.802V57.1996H77.1016V1.09961Z" fill="currentColor"></path><path d="M135.898 29.3V29.2C135.898 13.1 148.898 0 166.198 0C183.498 0 196.298 12.9 196.298 29V29.2C196.298 45.3 183.298 58.4 165.998 58.4C148.798 58.3 135.898 45.4 135.898 29.3ZM180.498 29.3V29.2C180.498 21.1 174.698 14.1 166.098 14.1C157.598 14.1 151.898 21 151.898 29.1V29.3C151.898 37.4 157.698 44.4 166.198 44.4C174.798 44.3 180.498 37.4 180.498 29.3Z" fill="currentColor"></path><path d="M215.398 32.5996V1.09961H231.198V32.2996C231.198 40.3996 235.298 44.1996 241.498 44.1996C247.698 44.1996 251.798 40.4996 251.798 32.6996V1.09961H267.598V32.1996C267.598 50.2996 257.298 58.1996 241.298 58.1996C225.398 58.2996 215.398 50.1996 215.398 32.5996Z" fill="currentColor"></path><path d="M291.398 1.09961H313.098C333.098 1.09961 344.798 12.5996 344.798 28.7996V28.9996C344.798 45.1996 332.998 57.1996 312.798 57.1996H291.498L291.398 1.09961ZM313.298 43.3996C322.598 43.3996 328.798 38.2996 328.798 29.1996V28.9996C328.798 19.9996 322.598 14.7996 313.298 14.7996H306.998V43.2996L313.298 43.3996Z" fill="currentColor"></path><path d="M367.297 1.09961H412.197V14.7996H382.797V24.2996H409.397V37.1996H382.797V57.1996H367.297V1.09961Z" fill="currentColor"></path><path d="M433.797 1.09961H449.297V43.5996H476.497V57.1996H433.797V1.09961Z" fill="currentColor"></path><path d="M517.097 0.699219H532.097L555.997 57.1992H539.297L535.197 47.1992H513.597L509.597 57.1992H493.297L517.097 0.699219ZM530.797 35.0992L524.597 19.1992L518.297 35.0992H530.797Z" fill="currentColor"></path><path d="M576 1.09961H602.5C611.1 1.09961 617 3.29962 620.8 7.19962C624.1 10.3996 625.8 14.6996 625.8 20.2996V20.4996C625.8 29.0996 621.2 34.7996 614.3 37.6996L627.7 57.2996H609.7L598.4 40.2996H591.6V57.2996H576.1L576 1.09961ZM601.8 28.0996C607.1 28.0996 610.1 25.4996 610.1 21.4996V21.1996C610.1 16.7996 606.9 14.5996 601.7 14.5996H591.5V28.0996H601.8Z" fill="currentColor"></path><path d="M648.203 1.09961H693.303V14.3996H663.603V22.7996H690.503V35.0996H663.603V43.9996H693.703V57.1996H648.203V1.09961Z" fill="currentColor"></path><path d="M43.1 35.9C40.9 40.8 36.3 44.3 30.3 44.3C21.8 44.3 16 37.2 16 29.2V29C16 20.9 21.7 14 30.2 14C36.6 14 41.5 17.9 43.5 23.3H59.9C57.3 9.9 45.5 0 30.3 0C13 0 0 13.1 0 29.2V29.4C0 45.5 12.8 58.4 30.1 58.4C44.9 58.4 56.5 48.8 59.5 36L43.1 35.9Z" fill="currentColor"></path></svg> </div> </div> <div class="grid w-full grid-cols-1 justify-start gap-8 lg:ml-auto lg:w-auto lg:grid-cols-4 lg:items-stretch" data-astro-cid-7q6xnliy> <div class="grid w-full grid-cols-2 gap-8 lg:h-full lg:max-w-[264px] lg:grid-cols-1 lg:grid-rows-2 lg:gap-y-10" data-astro-cid-7q6xnliy> <div class="flex w-full flex-col lg:min-h-0" data-astro-cid-7q6xnliy> <div class="flex w-full pb-2 lg:pb-3" data-astro-cid-7q6xnliy> <span class="text-tertiary hover:text-foreground-200/70 text-sm leading-none font-medium transition-colors duration-200 max-lg:text-xs" data-astro-cid-7q6xnliy> Getting started </span> </div> <a href="/plans/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Plans </a><a href="/resource/contact-enterprise-sales/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Contact sales </a><a href="/partners/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Partners </a><a href="https://partnerlocator.cloudflare.com/dashboard" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Find a partner </a><a href="/startups/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Startups </a><a href="/under-attack-hotline/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Under attack? </a><a href="https://domains.cloudflare.com/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Domain name search </a> </div><div class="flex w-full flex-col lg:min-h-0" data-astro-cid-7q6xnliy> <div class="flex w-full pb-2 lg:pb-3" data-astro-cid-7q6xnliy> <span class="text-tertiary hover:text-foreground-200/70 text-sm leading-none font-medium transition-colors duration-200 max-lg:text-xs" data-astro-cid-7q6xnliy> Company </span> </div> <a href="/about/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> About </a><a href="/careers/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Careers </a><a href="https://cloudflare.net/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Investors </a><a href="/press/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Press </a><a href="/press/press-kit/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Press kit </a><a href="/network/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Global network </a> </div> </div><div class="grid w-full grid-cols-2 gap-8 lg:h-full lg:max-w-[264px] lg:grid-cols-1 lg:grid-rows-2 lg:gap-y-10" data-astro-cid-7q6xnliy> <div class="flex w-full flex-col lg:min-h-0" data-astro-cid-7q6xnliy> <div class="flex w-full pb-2 lg:pb-3" data-astro-cid-7q6xnliy> <span class="text-tertiary hover:text-foreground-200/70 text-sm leading-none font-medium transition-colors duration-200 max-lg:text-xs" data-astro-cid-7q6xnliy> Public interest </span> </div> <a href="/galileo/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Project Galileo </a><a href="/athenian/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Athenian Project </a><a href="/campaigns/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Cloudflare for Campaigns </a><a href="/fair-shot/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Project Fairshot </a><a href="/impact/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Impact/ESG </a> </div><div class="flex w-full flex-col lg:min-h-0" data-astro-cid-7q6xnliy> <div class="flex w-full pb-2 lg:pb-3" data-astro-cid-7q6xnliy> <span class="text-tertiary hover:text-foreground-200/70 text-sm leading-none font-medium transition-colors duration-200 max-lg:text-xs" data-astro-cid-7q6xnliy> Compliance </span> </div> <a href="/trust-hub/compliance-resources/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Compliance resources </a><a href="/trust-hub/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Trust Hub </a><a href="/trust-hub/gdpr/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Data Protection </a><a href="/trust-hub/responsible-ai/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Responsible AI </a><a href="/transparency/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Transparency report </a><a href="/trust-hub/abuse-approach/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Report abuse </a> </div> </div><div class="grid w-full grid-cols-2 gap-8 lg:h-full lg:max-w-[264px] lg:grid-cols-1 lg:grid-rows-2 lg:gap-y-10" data-astro-cid-7q6xnliy> <div class="flex w-full flex-col lg:min-h-0" data-astro-cid-7q6xnliy> <div class="flex w-full pb-2 lg:pb-3" data-astro-cid-7q6xnliy> <span class="text-tertiary hover:text-foreground-200/70 text-sm leading-none font-medium transition-colors duration-200 max-lg:text-xs" data-astro-cid-7q6xnliy> Resources </span> </div> <a href="/resource/app-innovation-report/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> App innovation report </a><a href="https://radar.cloudflare.com/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Cloudflare Radar </a><a href="/case-studies/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Case studies </a><a href="https://www.cloudflarestatus.com/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Status </a><a href="https://support.cloudflare.com/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Support </a><a href="/events/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Events </a><a href="https://blog.cloudflare.com/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Blog </a> </div><div class="flex w-full flex-col lg:min-h-0" data-astro-cid-7q6xnliy> <div class="flex w-full pb-2 lg:pb-3" data-astro-cid-7q6xnliy> <span class="text-tertiary hover:text-foreground-200/70 text-sm leading-none font-medium transition-colors duration-200 max-lg:text-xs" data-astro-cid-7q6xnliy> Developers </span> </div> <a href="https://developers.cloudflare.com/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Documentation </a><a href="/learning/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Learning center </a><a href="/community/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Community </a> </div> </div><div class="grid w-full grid-cols-2 gap-8 lg:h-full lg:max-w-[264px] lg:grid-cols-1 lg:grid-rows-2 lg:gap-y-10" data-astro-cid-7q6xnliy> <div class="flex w-full flex-col lg:min-h-0" data-astro-cid-7q6xnliy> <div class="flex w-full pb-2 lg:pb-3" data-astro-cid-7q6xnliy> <span class="text-tertiary hover:text-foreground-200/70 text-sm leading-none font-medium transition-colors duration-200 max-lg:text-xs" data-astro-cid-7q6xnliy> Solutions </span> </div> <a href="/sase/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> SSE and SASE platform </a><a href="/solutions/ai/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Cloudflare AI Cloud </a><a href="/solutions/ai-security/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> AI Security </a><a href="/solutions/frontends/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Frontend Development Platform </a><a href="/solutions/platforms/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Multi-Tenant Platform Development </a><a href="/solutions/security/" class="text-foreground-200 hover:text-tertiary pointer-events-auto py-1 leading-none transition-colors duration-200 ease-out lg:py-2" data-astro-cid-7q6xnliy> Web Security Platform </a> </div> </div> <div class="pointer-events-auto flex flex-col items-start gap-2 lg:hidden" data-astro-cid-7q6xnliy> <astro-island uid="Z1patvH" prefix="r40" component-url="/_astro/index.dtL_2Idz.js" component-export="Button" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;variant&quot;:[0,&quot;link&quot;],&quot;href&quot;:[0,&quot;https://dash.cloudflare.com/sign-up&quot;],&quot;data-astro-cid-7q6xnliy&quot;:[0,true]}" ssr client="visible" opts="{&quot;name&quot;:&quot;Button&quot;,&quot;value&quot;:{&quot;rootMargin&quot;:&quot;400px&quot;}}" await-children><a href="https://dash.cloudflare.com/sign-up" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap font-medium hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none bg-transparent text-base text-foreground-100 underline-offset-2 transition-colors hover:bg-transparent hover:text-accent-100 hover:underline px-6 py-5 md:py-3 h-auto min-h-0 w-fit gap-0 rounded-none border-0 !bg-transparent !p-0 !shadow-none backdrop-blur-none !transition-colors duration-200 ease-out hover:!opacity-100 active:!scale-100 active:!translate-y-0 before:!hidden after:!hidden" data-astro-cid-7q6xnliy="true"><astro-slot>
Start Building
</astro-slot><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-4 shrink-0"><path d="M7 17 17 7m0 0H7m10 0v10"></path></svg></a><!--astro:end--></astro-island> <astro-island uid="1oHOYG" prefix="r41" component-url="/_astro/index.dtL_2Idz.js" component-export="Button" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;variant&quot;:[0,&quot;link&quot;],&quot;href&quot;:[0,&quot;https://dash.cloudflare.com/login&quot;],&quot;data-astro-cid-7q6xnliy&quot;:[0,true]}" ssr client="visible" opts="{&quot;name&quot;:&quot;Button&quot;,&quot;value&quot;:{&quot;rootMargin&quot;:&quot;400px&quot;}}" await-children><a href="https://dash.cloudflare.com/login" data-slot="button" class="relative isolate inline-flex shrink-0 origin-center items-center justify-center whitespace-nowrap font-medium hover:opacity-95 active:translate-y-[1px] outline-[0.5px] outline-transparent outline-offset-2 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 [&amp;_svg]:pointer-events-none [&amp;_svg]:shrink-0 [&amp;&gt;*]:relative [&amp;&gt;*]:z-[4] before:absolute before:-inset-[1px] before:z-[3] before:rounded-[inherit] before:bg-background-300 before:opacity-0 before:pointer-events-none before:content-[&#x27;&#x27;] before:transition-opacity before:duration-[0.16s] before:ease-[cubic-bezier(0.55,0.085,0.68,0.53)] active:before:transition-none after:absolute after:-inset-[1px] after:z-[2] after:rounded-[inherit] after:border-[1px] after:border-current after:opacity-0 after:pointer-events-none after:content-[&#x27;&#x27;] after:transition-opacity after:delay-[0.1s] after:duration-[0.6s] after:ease-[cubic-bezier(0.25,0.46,0.45,0.94)] active:after:opacity-100 active:after:transition-none bg-transparent text-base text-foreground-100 underline-offset-2 transition-colors hover:bg-transparent hover:text-accent-100 hover:underline px-6 py-5 md:py-3 h-auto min-h-0 w-fit gap-0 rounded-none border-0 !bg-transparent !p-0 !shadow-none backdrop-blur-none !transition-colors duration-200 ease-out hover:!opacity-100 active:!scale-100 active:!translate-y-0 before:!hidden after:!hidden" data-astro-cid-7q6xnliy="true"><astro-slot>
Log In
</astro-slot><svg viewBox="0 0 24 24" width="24" height="24" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="size-4 shrink-0"><path d="M7 17 17 7m0 0H7m10 0v10"></path></svg></a><!--astro:end--></astro-island> </div> </div>  <div class="pointer-events-none relative flex w-full flex-1 items-end" data-astro-cid-7q6xnliy> <div class="text-accent-100 aspect-561/250 w-full overflow-hidden pb-5 lg:hidden" data-astro-cid-7q6xnliy> <svg aria-hidden="true" viewBox="0 0 561 250" fill="none" xmlns="http://www.w3.org/2000/svg" class="block h-full w-full" data-astro-cid-7q6xnliy> <g opacity="0.42" stroke="currentColor" stroke-width="0.75" stroke-dasharray="3.11 3.11" data-astro-cid-7q6xnliy> <ellipse cx="303.718" cy="134.931" rx="134.906" ry="134.556" data-astro-cid-7q6xnliy></ellipse> <ellipse cx="140.739" cy="138.82" rx="60.8247" ry="60.6667" data-astro-cid-7q6xnliy></ellipse> <ellipse cx="89.2726" cy="238.375" rx="88.8976" ry="88.6667" data-astro-cid-7q6xnliy></ellipse> <ellipse cx="455.776" cy="215.042" rx="106.053" ry="105.778" data-astro-cid-7q6xnliy></ellipse> <circle cx="467.797" cy="264.875" r="71.5" data-astro-cid-7q6xnliy></circle> <ellipse cx="355.961" cy="109.264" rx="71.7419" ry="71.5556" data-astro-cid-7q6xnliy></ellipse> <ellipse cx="358.524" cy="224.375" rx="31.1921" ry="31.1111" data-astro-cid-7q6xnliy></ellipse> <ellipse cx="465.579" cy="149.708" rx="31.1921" ry="31.1111" data-astro-cid-7q6xnliy></ellipse> </g> <g fill="none" stroke="currentColor" stroke-width="0.75" data-astro-cid-7q6xnliy> <path d="M452.193 109.264C511.94 109.264 560.375 156.622 560.375 215.042C560.375 225.456 558.837 235.519 555.969 245.025C555.199 247.577 552.76 249.264 550.039 249.264H399.529C397.297 249.264 395.758 247.075 396.559 245.038L399.435 237.713C408.625 214.212 434.844 194.96 459.101 193.832L505.082 191.529C507.538 191.406 509.466 189.422 509.466 187.017C509.466 184.625 507.558 182.646 505.116 182.506L461.938 180.023C438.725 178.868 427.384 158.791 433.627 137.869L440.812 113.789C441.543 111.34 443.728 109.558 446.334 109.42C448.274 109.317 450.227 109.264 452.193 109.264Z" data-astro-cid-7q6xnliy></path> <path d="M302.648 0.375C364.95 0.375 417.285 42.0634 432.087 98.4665C432.709 100.835 432.514 103.334 431.626 105.62L419.772 136.131C410.583 159.631 386.966 180.011 360.244 180.011L154.404 182.323C151.92 182.352 149.921 184.33 149.92 186.759C149.92 189.186 151.916 191.166 154.398 191.198L357.338 193.82C380.602 193.82 391.892 215.052 385.652 235.975L383.033 244.779C382.243 247.436 379.753 249.264 376.922 249.264H6.79428C3.62784 249.264 0.918159 246.989 0.664591 243.902C0.47264 241.566 0.375 239.204 0.375 236.819C0.375 191.386 35.9484 154.08 81.3467 150.07C80.4151 145.946 79.9205 141.662 79.9205 137.264C79.9205 104.618 106.987 78.1528 140.375 78.1528C153.663 78.1528 165.947 82.347 175.925 89.4518C193.691 37.6773 243.713 0.375 302.648 0.375Z" data-astro-cid-7q6xnliy></path> </g> </svg> </div> </div> </div> <div class="bg-background-100 flex flex-col pb-4" data-astro-cid-7q6xnliy> <svg class="block h-px relative left-1/2 w-screen -translate-x-1/2" preserveAspectRatio="none" aria-hidden="true"><line x1="0" y1="0.5" x2="100%" y2="0.5" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="16,16"></line></svg> <section class="animate-in mx-auto fade-in transition-opacity delay-100 duration-2000 ease-out relative z-0 bg-background-100 -mt-0.5 flex w-full flex-col overflow-hidden md:hidden ">  <svg class="corner-line top-line absolute top-0 left-1/2 h-1 -translate-x-1/2 transition-opacity duration-2000 ease-out w-[200dvw]" preserveAspectRatio="none" aria-hidden="true"> <line x1="0" y1="0.5" x2="100%" y2="0.5" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="16,16"></line> </svg> <div class="relative mb-2 h-20 w-full"> <svg class="pointer-events-none absolute top-0 left-0 z-0 h-full w-full" data-testid="rf__background" aria-hidden="true" style="stroke-dasharray:none;stroke-dashoffset:0"><pattern id="pattern-hxlvne" x="0" y="0" width="12" height="12" patternUnits="userSpaceOnUse"><circle cx="6" cy="6" r="0.75" fill="var(--color-decor-dots-100)" style="stroke-dasharray:none;stroke-dashoffset:0"></circle></pattern><rect x="0" y="0" width="100%" height="100%" fill="url(#pattern-hxlvne)" style="stroke-dasharray:none;stroke-dashoffset:0"></rect></svg> </div> <svg class="corner-line bottom-line absolute bottom-0 left-1/2 h-1 w-[200dvw] -translate-x-1/2 transition-opacity duration-2000 ease-out" preserveAspectRatio="none"> <line x1="0" y1="0.5" x2="100%" y2="0.5" stroke="var(--color-border-100)" stroke-width="1" stroke-dasharray="16,16"></line> </svg> </section> <div class="pointer-events-auto relative z-10 mt-4 flex w-full flex-col justify-between gap-3 md:flex-row md:items-center md:gap-4 lg:gap-8" data-astro-cid-7q6xnliy> <span class="text-tertiary text-center text-sm leading-tight sm:text-left lg:text-base" data-astro-cid-7q6xnliy>© 2026 Cloudflare, Inc.</span> <div class="text-tertiary flex flex-col flex-wrap items-center justify-center gap-y-2 text-center text-sm leading-tight sm:justify-end sm:text-right md:flex-row lg:text-base" data-astro-cid-7q6xnliy> <div class="max-w-[32ch] sm:max-w-none" data-astro-cid-7q6xnliy> <a href="/policies/privacy/" class="hover:text-foreground-100/70 transition-colors duration-400 ease-out font-medium text-foreground-100">Privacy policy</a><span class="mx-1.5">|</span> <a href="https://www.cloudflare.com/disclosure/" class="hover:text-foreground-100/70 transition-colors duration-400 ease-out">Report security issues</a><span class="mx-1.5">|</span> <a href="/policies/terms/" class="hover:text-foreground-100/70 transition-colors duration-400 ease-out">Terms of use</a><span class="mx-1.5">|</span> <a href="https://www.cloudflare.com/trademark/" class="hover:text-foreground-100/70 transition-colors duration-400 ease-out">Trademark</a> </div> <span class="mx-1.5 hidden sm:inline" data-astro-cid-7q6xnliy>|</span> <astro-island uid="2sOz8f" prefix="r31" component-url="/_astro/_footer-privacy-choices.QCUeIPVO.js" component-export="FooterPrivacyChoices" renderer-url="/_astro/client.Bi_EZCi7.js" props="{&quot;className&quot;:[0,&quot;text-tertiary hover:text-foreground-200/85&quot;],&quot;label&quot;:[0,&quot;Your privacy choices&quot;],&quot;data-astro-cid-7q6xnliy&quot;:[0,true]}" ssr client="visible" opts="{&quot;name&quot;:&quot;FooterPrivacyChoices&quot;,&quot;value&quot;:{&quot;rootMargin&quot;:&quot;400px&quot;}}" await-children><button type="button" class="inline-flex shrink-0 cursor-pointer items-center gap-1.5 transition-colors duration-200 text-tertiary hover:text-foreground-200/85"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 14" aria-hidden="true" class="h-3.5 w-auto shrink-0"><path fill-rule="evenodd" clip-rule="evenodd" fill="#fff" d="M7.4 12.8h6.8l3.1-11.6H7.4C4.2 1.2 1.6 3.8 1.6 7s2.6 5.8 5.8 5.8z"></path><path fill-rule="evenodd" clip-rule="evenodd" fill="#06f" d="M22.6 0H7.4C3.5 0 .4 3.1.4 7s3.1 7 7 7h15.2c3.9 0 7-3.1 7-7s-3.1-7-7-7zM1.6 7c0-3.2 2.6-5.8 5.8-5.8h9.9l-3.1 11.6H7.4C4.2 12.8 1.6 10.2 1.6 7z"></path><path fill="#fff" d="M24.6 4c.2.2.2.6 0 .8L22.5 7l2.2 2.2c.2.2.2.6 0 .8-.2.2-.6.2-.8 0l-2.2-2.2L19.5 10c-.2.2-.6.2-.8 0-.2-.2-.2-.6 0-.8L20.8 7l-2.2-2.2c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0l2.2 2.2L23.8 4c.2-.2.6-.2.8 0z"></path><path fill="#06f" d="M12.7 4.1c.2.2.3.6.1.8L8.6 9.8c-.1.1-.2.2-.3.2-.2.1-.5.1-.7-.1L5.4 7.7c-.2-.2-.2-.6 0-.8.2-.2.6-.2.8 0L8 8.6l3.8-4.5c.2-.2.6-.2.9 0z"></path></svg><span>Your privacy choices</span></button><!--astro:end--></astro-island> </div> </div> </div> </div> </footer> </div> <script type="module">const u=[".bg-accent-100",".bg-accent-200",".bg-dark-accent"],i='[data-nav-theme="dark"]',l='[data-nav-theme="light"]',f="[data-site-navigation-header]",h="(min-width: 768px) and (max-width: 1535px)",E=-28,w=28,_={lifecycleRegistered:!1,scrollAttached:!1,darkSections:[]},c={passive:!0};function A(){const a=[...u,i].join(", "),e=document.querySelectorAll(a);_.darkSections=Array.from(e).filter(r=>{const m=r.closest("[data-nav-theme]");return!(m&&m.getAttribute("data-nav-theme")==="light"||r.matches(l))})}function g(){return document.querySelector(f)}const T=.55;function R(a,e){return a.matches(i)?!0:typeof window>"u"?!1:e.width>=window.innerWidth*T}function s(){const a=g();if(!a)return;if(a.dataset.variant==="secondary"&&window.matchMedia(h).matches){a.removeAttribute("data-nav-on-dark");return}const e=a.getBoundingClientRect(),r=e.top+4+w,m=e.bottom-4+E;_.darkSections.some(o=>{const n=o.getBoundingClientRect();return n.width===0||n.height===0||!R(o,n)?!1:n.top<m&&n.bottom>r})?a.setAttribute("data-nav-on-dark","true"):a.removeAttribute("data-nav-on-dark")}let t=!1;function v(){t||(t=!0,requestAnimationFrame(()=>{t=!1,s()}))}function p(){_.scrollAttached&&(window.removeEventListener("scroll",v,c),window.removeEventListener("resize",v),_.scrollAttached=!1)}function d(){A(),s(),!_.scrollAttached&&(_.scrollAttached=!0,window.addEventListener("scroll",v,c),window.addEventListener("resize",v))}function L(){typeof document>"u"||typeof window>"u"||_.lifecycleRegistered||(_.lifecycleRegistered=!0,document.addEventListener("astro:page-load",d),document.addEventListener("astro:before-swap",p))}function S(){typeof window>"u"||(L(),d())}S();</script> <search-modal-snippet api-url="https://4511ab53-3e12-45ba-b984-f1a732ac9ec0.search.ai.cloudflare.com/" placeholder="Search Cloudflare..." max-results="50" max-render-results="10" translations="{&quot;placeholder&quot;:&quot;Search Cloudflare...&quot;,&quot;searchButtonLabel&quot;:&quot;Search Cloudflare&quot;,&quot;searchResultsAriaLabel&quot;:&quot;Search results&quot;,&quot;modalEmptyStateDescription&quot;:&quot;Start typing to search&quot;,&quot;modalNoResultsTitle&quot;:&quot;No results found&quot;}" request-options="{&quot;body&quot;:{&quot;ai_search_options&quot;:{&quot;retrieval&quot;:{&quot;filters&quot;:{&quot;language&quot;:&quot;en&quot;}}}}}" data-astro-cid-457tmonj="true"></search-modal-snippet>  <script type="module" src="/_astro/_ai-search-modal.astro_astro_type_script_index_0_lang.B2y4SVXS.js"></script>   <script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4513226cdae34746b4dedf0b4dfa099e1781791509496" integrity="sha512-ZE9pZaUXND66v380QUtch/5sE9tPFh2zg45pR2PB0CVkCtOREv2AJKkSidISWkysEuQ0EH8faUU5du78bx87UQ==" data-cf-beacon='{"version":"2024.11.0","token":"6f9a2202213848f5bff934592489e351"}' crossorigin="anonymous"></script>
</body></html><!--
  Cloudflare

                        .::::::::::.
                     .:--------------:.
                   .:------------------:.
            ..... .----------------------.
          .:------------------------------
         .-------------------------------. -----:.
         :------------------------------: :=======-:
    .::----------------------:-----:::.   .-------==-.
   :-----------::::::::::::::.......        .::-:-=-=-
  :---------------------------------::  .:----------==.
  -----------------------------------: :-=============--
.......................................................
-->