CINXE.COM
Craft Cloud — Craft CMS hosting you can trust.
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US" class="no-js scroll-behavior-smooth"> <head> <meta charset="utf-8" /> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="apple-touch-icon" sizes="180x180" href="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/dist/images/siteicons/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/dist/images/siteicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/dist/images/siteicons/favicon-16x16.png"> <link rel="manifest" href="https://craftcms.com/site.webmanifest"> <link rel="mask-icon" href="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/dist/images/siteicons/safari-pinned-tab.svg" color="#e5422b"> <link rel="shortcut icon" href="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/dist/images/siteicons/favicon.ico"> <meta name="msapplication-TileColor" content="#f1f5fd"> <meta name="msapplication-config" content="https://craftcms.com/browserconfig.xml"> <meta name="theme-color" content="#f1f5fd"> <link rel="stylesheet" href="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/dist/styles/app.css"> <script> window.addEventListener("load", function() { if (typeof window.onecookieconsent === "undefined") { console.log("One Cookie Consent plugin is not loaded."); return; } window.onecookieconsent.init({ cookieconsent: {"content":{"message":"This website uses cookies to ensure you get the best experience on our website.","dismiss":"Dismiss","allow":"Allow cookies","deny":"Don't allow cookies","link":"Cookie Notice","href":"\/cookie-notice"},"elements":{"dismiss":"","allow":"<a aria-label=\"allow cookies\" role=button tabindex=\"0\" class=\"btn cc-btn cc-allow\"><span class=\"btn__content\">{{allow}}<\/span><\/a>","deny":"<a aria-label=\"deny cookies\" role=button tabindex=\"0\" class=\"cc-btn cc-btn-as-link cc-deny\">{{deny}}<\/a>"},"revokeBtn":"<a><\/a>","compliance":{"opt-in":"<div class=\"cc-compliance cc-highlight\">{{dismiss}}{{deny}}{{allow}}<\/div>","opt-out":"<div class=\"cc-compliance cc-highlight\">{{dismiss}}{{deny}}{{allow}}<\/div>"},"location":{"services":["maxmind"]},"type":"opt-in","revokable":false,"law":{"hasLaw":["AT","BE","BG","HR","CH","CZ","CY","DE","DK","EE","EL","ES","FI","FR","GB","GI","GR","HU","IE","IT","IS","LV","LT","LU","MT","MC","NO","NL","PL","PO","RO","RU","PT","SK","SI","SE","TR","UA","UK","VA"],"revokable":["AT","BE","BG","HR","CH","CZ","CY","DE","DK","EE","EL","ES","FI","FR","GB","GI","GR","HU","HR","IE","IT","IS","LV","LT","LU","MT","MC","NO","NL","PL","PO","RO","RU","PT","SK","SI","SE","TR","UA","UK","VA"],"explicitAction":["AT","BE","BG","HR","CH","CZ","CY","DE","DK","EE","EL","ES","FI","FR","GB","GI","GR","HU","HR","IE","IT","IS","LV","LT","LU","MT","MC","NO","NL","PL","PO","RO","RU","PT","SK","SI","SE","TR","UA","UK","VA"],"regionalLaw":true}}, enableCookies: function() { if (typeof window.enableCookies == "function") { return window.enableCookies(); } }, disableCookies: function() { if (typeof window.disableCookies == "function") { return window.disableCookies(); } } }); }); </script> <script> window.enableCookies = function() { var gaId = 'G-DNT006C48D' var el = document.createElement('script') el.setAttribute('async', 'async') el.src = 'https://www.googletagmanager.com/gtag/js?id=' + gaId document.head.appendChild(el) window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', gaId); } </script> <script> window.sentryOnLoad = function() { Sentry.init({ environment: "production", sampleRate: 0.25, ignoreErrors: [ 'focus-trap' ], }); }; </script> <script src="https://js.sentry-cdn.com/4696799cb6d3460c8ff1a25e9e8f1842.min.js" crossorigin="anonymous"></script> <link rel="dns-prefetch" href="https://craftcms.com/" crossorigin> <link rel="preconnect" href="https://craftcms.com/" crossorigin> <title>Craft Cloud — Craft CMS hosting you can trust.</title><meta name="generator" content="SEOmatic"> <meta name="keywords" content="Craft, CMS, Craft CMS, Content, Management, System, CraftCMS"> <meta name="description" content="Craft Cloud is a scalable hosting platform, by the team behind Craft."> <meta name="referrer" content="no-referrer-when-downgrade"> <meta name="robots" content="all"> <meta content="craftcms" property="fb:profile_id"> <meta content="en_US" property="og:locale"> <meta content="Craft CMS" property="og:site_name"> <meta content="product" property="og:type"> <meta content="https://craftcms.com/cloud" property="og:url"> <meta content="Craft Cloud — Craft CMS hosting you can trust." property="og:title"> <meta content="Craft Cloud is a scalable hosting platform, by the team behind Craft." property="og:description"> <meta content="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/cloud-landing/og-image.png" property="og:image"> <meta content="1800" property="og:image:width"> <meta content="945" property="og:image:height"> <meta content="Craft CMS hosting you can trust. Craft Cloud is a scalable hosting platform, by the team behind Craft." property="og:image:alt"> <meta content="https://www.threads.net/@craftcms" property="og:see_also"> <meta content="https://bsky.app/profile/craftcms.com" property="og:see_also"> <meta content="https://vimeo.com/craftcms" property="og:see_also"> <meta content="https://github.com/craftcms" property="og:see_also"> <meta content="https://www.instagram.com/craftcms" property="og:see_also"> <meta content="https://www.linkedin.com/company/craftcms" property="og:see_also"> <meta content="https://www.facebook.com/craftcms/" property="og:see_also"> <meta name="twitter:card" content="summary"> <meta name="twitter:creator" content="@"> <meta name="twitter:title" content="Craft Cloud — Craft CMS hosting you can trust."> <meta name="twitter:description" content="Craft Cloud is a scalable hosting platform, by the team behind Craft."> <meta name="twitter:image" content="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/cloud-landing/og-image.png"> <meta name="twitter:image:width" content="1800"> <meta name="twitter:image:height" content="945"> <meta name="twitter:image:alt" content="Craft CMS hosting you can trust. Craft Cloud is a scalable hosting platform, by the team behind Craft."> <link href="https://craftcms.com/cloud" rel="canonical"> <link href="https://craftcms.com/" rel="home"> <link type="text/plain" href="https://craftcms.com/humans.txt" rel="author"></head> <body class=""> <a class="btn btn--rect skip-link" href="#main-content"> <span class="btn__content">Skip to Main Content</span> <span class="btn__icon"><svg width="11px" height="8px" viewBox="0 0 11 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs></defs> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Header-Default" transform="translate(-1108.000000, -72.000000)" stroke="#EAEAEA" stroke-width="2"> <g id="Buttons/Alt/-S-01-Icon-Copy" transform="translate(972.000000, 48.000000)"> <g id="Group-4" transform="translate(31.000000, 16.000000)"> <g id="Icons/Arrows/Down-Filled" transform="translate(106.000000, 5.000000)"> <g id="Group-Copy" transform="translate(4.500000, 4.500000) rotate(-270.000000) translate(-4.500000, -4.500000) "> <polyline id="Rectangle" transform="translate(4.569231, 4.430769) rotate(-315.000000) translate(-4.569231, -4.430769) " points="1.46769231 1.32923077 7.67076923 1.32923077 7.67076923 7.53230769"></polyline> </g> </g> </g> </g> </g> </g> </svg></span> </a> <div class="js-main-content"> <header class="site-header data-sticky"> <div class="site-header__inner"> <button class="site-header__mobile-nav-toggle js-mobile-nav-toggle" aria-label="Toggle navigation menu"><span class="site-header__mobile-nav-icon"></span></button> <a href="https://craftcms.com/" class="site-header__logo" aria-label="Craft CMS"> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="35" viewBox="0 0 140 35"> <path fill="#E5422B" d="M48.4829545 20.7215909C46.1761364 20.7215909 44.9034091 19.25 45.2215909 17.1420455 45.5795455 14.9943182 47.3295455 13.5625 49.5965909 13.5625 50.7897727 13.5625 51.8636364 14.1193182 52.5 14.9545455L54.7272727 13.125C53.5340909 11.7727273 51.8238636 11.0965909 49.9943182 11.0965909 46.2556818 11.0965909 42.9943182 13.6022727 42.4375 17.1420455 41.8806818 20.7215909 44.2670455 23.1875 48.0454545 23.1875 49.9545455 23.1875 51.8636364 22.3920455 53.5340909 21.0795455L51.9431818 19.25C50.7897727 20.2840909 49.5965909 20.7215909 48.4829545 20.7215909M63.4375 11.2159091C63.4375 11.2159091 62.9602273 11.1363636 62.9204545 11.1363636 62.4034091 11.0568182 61.8465909 11.0965909 61.3295455 11.1363636 60.8522727 11.1761364 60.375 11.2556818 59.8977273 11.4147727 59.5 11.5340909 59.0625 11.6931818 58.7045455 11.9318182L58.7840909 11.375 56.0795455 11.375 54.25 22.9090909 56.9545455 22.9090909 58.0284091 16.1875C58.0681818 15.7897727 58.2272727 15.4318182 58.4261364 15.1136364 58.625 14.7954545 58.9034091 14.5170455 59.2215909 14.3181818 59.5397727 14.0795455 59.8579545 13.9204545 60.2159091 13.8011364 60.5738636 13.6818182 60.9318182 13.6022727 61.3295455 13.5625 61.8465909 13.5227273 62.4034091 13.5625 62.9204545 13.6818182 62.9204545 13.6818182 62.9602273 13.6818182 62.9602273 13.6818182 63.0397727 13.6818182 63.4375 11.2159091 63.4375 11.2159091M72.9034091 12.0909091C72.1477273 11.4545455 70.9943182 11.0965909 69.6420455 11.0965909 66.2613636 11.0965909 63.1988636 13.5227273 62.6022727 17.1022727 62.0454545 20.6818182 64.3920455 23.1079545 67.6534091 23.1079545 69.125 23.1079545 70.3579545 22.9090909 71.3920455 22.1931818L71.3125 22.8295455 73.7784091 22.8295455 75.5681818 11.375 73.0227273 11.375 72.9034091 12.0909091zM72.3465909 17.1022727L72.3465909 17.1022727C71.9886364 19.2897727 70.3579545 20.8011364 68.25 20.8011364 66.1022727 20.8011364 64.8693182 19.2102273 65.2272727 17.0625 65.5852273 14.9147727 67.2954545 13.4034091 69.4034091 13.4034091 71.5113636 13.4431818 72.6647727 14.9147727 72.3465909 17.1022727L72.3465909 17.1022727zM88.0568182 11.375L88.5738636 8.11363636 85.4715909 10.3409091 85.3125 11.4147727 81.8125 11.4147727 82.1704545 9.22727273C82.3693182 8.19318182 83.4829545 8.23295455 83.4829545 8.23295455L84.7954545 8.23295455 85.1931818 5.84659091 83.6818182 5.84659091 83.3238636 5.84659091C79.625 5.84659091 79.5056818 8.71022727 79.5056818 8.71022727L79.2670455 10.0625 79.0681818 11.4147727 78.8295455 11.4147727 75.8068182 13.8011364 78.6704545 13.8011364 76.8409091 25.4545455 79.625 25.4545455 81.4545455 13.7613636 84.9545455 13.7613636 83.5227273 22.9090909 86.2670455 22.9090909 87.6988636 13.7613636 91.1193182 13.7613636 91.5170455 11.375 88.0568182 11.375zM95.4147727 17.1420455C95.9715909 13.6022727 99.1931818 11.0965909 102.971591 11.0965909 104.801136 11.0965909 106.511364 11.8125 107.704545 13.125L105.477273 14.9545455C104.840909 14.1193182 103.767045 13.5625 102.573864 13.5625 100.306818 13.5625 98.5568182 15.0340909 98.1988636 17.1420455 97.8806818 19.25 99.1534091 20.7215909 101.460227 20.7215909 102.573864 20.7215909 103.767045 20.2840909 104.920455 19.25L106.511364 21.0795455C104.840909 22.4318182 102.931818 23.1875 101.022727 23.1875 97.2443182 23.1875 94.8579545 20.7215909 95.4147727 17.1420455M127.630682 15.9090909L126.556818 22.9090909 123.852273 22.9090909 124.926136 16.1079545C125.204545 14.5170455 124.329545 13.5625 122.778409 13.5625 121.147727 13.5625 119.517045 14.5568182 119.278409 16.1875L118.204545 22.9090909 115.5 22.9090909 116.573864 16.1079545C116.8125 14.5568182 115.897727 13.6022727 114.426136 13.5625 112.914773 13.6420455 111.164773 14.5965909 110.926136 16.1875L109.852273 22.9090909 107.147727 22.9090909 108.977273 11.375 111.681818 11.375 111.602273 11.9318182C112.517045 11.375 113.551136 11.1363636 114.863636 11.0965909L115.102273 11.0965909C116.772727 11.0965909 118.125 11.7727273 118.840909 12.9261364 119.954545 11.7727273 121.664773 11.0965909 123.375 11.0965909 126.318182 11.0965909 128.107955 13.0454545 127.630682 15.9090909M127.511364 21.5170455L129.181818 19.4488636C130.096591 20.1647727 131.846591 20.7215909 133.318182 20.7215909 134.670455 20.7215909 136.022727 20.4431818 136.181818 19.5284091 136.301136 18.8125 134.988636 18.5738636 133.517045 18.3352273 130.454545 17.8181818 128.903409 17.1818182 129.221591 14.875 129.698864 11.9715909 132.681818 11.1363636 135.147727 11.1363636 136.897727 11.1363636 138.727273 11.7329545 139.960227 12.5681818L138.289773 14.6363636C137.335227 14.0397727 136.102273 13.6022727 134.710227 13.6022727 133.079545 13.6022727 132.125 14.0795455 132.005682 14.8352273 131.926136 15.3522727 132.363636 15.5511364 134.272727 15.8693182 137.056818 16.3465909 139.363636 16.7840909 138.926136 19.4488636 138.568182 21.875 136.102273 23.2272727 132.880682 23.2272727 131.090909 23.1875 128.784091 22.5511364 127.511364 21.5170455M30.4261364 0L3.57954545 0C1.59090909 0 0 1.59090909 0 3.57954545L0 30.4261364C0 32.4147727 1.59090909 34.0056818 3.57954545 34.0056818L30.4261364 34.0056818C32.375 34.0056818 34.0056818 32.4147727 34.0056818 30.4261364L34.0056818 3.57954545C34.0056818 1.59090909 32.4147727 0 30.4261364 0M16.9431818 20.7215909C18.0568182 20.7215909 19.25 20.2840909 20.4034091 19.25L21.9943182 21.0795455C20.3238636 22.4318182 18.4147727 23.1875 16.5056818 23.1875 12.7272727 23.1875 10.3409091 20.6818182 10.8977273 17.1420455 11.4545455 13.6022727 14.6761364 11.0965909 18.4545455 11.0965909 20.2840909 11.0965909 21.9943182 11.8125 23.1875 13.125L20.9602273 14.9545455C20.3238636 14.1193182 19.25 13.5625 18.0568182 13.5625 15.7897727 13.5625 14.0397727 15.0340909 13.6818182 17.1420455 13.3636364 19.25 14.6363636 20.7215909 16.9431818 20.7215909"/> </svg> </a> <nav class="site-header__nav" aria-label="Primary"> <div class="site-header__nav-item data-current-features"> <a href="/features" >CMS</a> </div> <div class="site-header__nav-item is-active"> <a href="/cloud" >Hosting<span class="tw-ml-2"><span class=" tw-inline-block tw-rounded-full tw-px-[0.75em] tw-py-[0.375em] tw-bg-[#637599] tw-text-white tw-text-[0.5em] tw-tracking-wide tw-leading-none -tw-translate-y-[0.3em] tw-no-underline hover:tw-no-underline focus:tw-no-underline" style="font-size: max(10px, 0.5em)">New!</span></span></a> </div> <div class="site-header__nav-item data-current-pricing"> <a href="https://craftcms.com/pricing" >Pricing</a> </div> <div class="site-header__nav-item data-current-partners"> <a href="https://craftcms.com/partners" >Partners</a> </div> <div class="site-header__nav-item data-current-resources"> <a href="https://craftcms.com/knowledge-base" >Resources<span class="site-header__subnav-icon"><svg width="11px" height="7px" viewBox="0 0 11 7" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Header-Default" transform="translate(-434.000000, -77.000000)" stroke="#202020" stroke-width="2"> <g id="Group-2" transform="translate(372.000000, 67.000000)"> <g id="Group-3"> <g id="Icons/Arrows/Caret-Down-Linear" transform="translate(63.000000, 11.000000)"> <polyline id="Triangle-Copy-2" transform="translate(4.500000, 2.000000) rotate(-180.000000) translate(-4.500000, -2.000000) " points="0 4 4.5 0 4.5 0 9 4"></polyline> </g> </g> </g> </g> </g> </svg></span></a> <nav class="site-header__subnav" aria-label="Secondary"> <div class="site-header__subnav-inner"> <a class="site-header__subnav-item site-header__subnav-item--external " href="https://craftcms.com/docs/" target="_blank" rel="noopener"> Documentation </a> <a class="site-header__subnav-item " href="https://craftcms.com/knowledge-base" > Knowledge Base </a> <a class="site-header__subnav-item " href="https://craftcms.com/starters" > Starters </a> <a class="site-header__subnav-item site-header__subnav-item--external " href="https://plugins.craftcms.com" target="_blank" rel="noopener"> Plugin Store </a> <a class="site-header__subnav-item site-header__subnav-item--external " href="https://console.craftcms.com" target="_blank" rel="noopener"> Craft Console </a> <a class="site-header__subnav-item " href="https://craftcms.com/community" > Community </a> <a class="site-header__subnav-item " href="https://craftcms.com/support-services" > Support </a> <a class="site-header__subnav-item " href="https://craftcms.com/accessibility" > Accessibility </a> <a class="site-header__subnav-item " href="https://craftcms.com/accessibility/reports/acr" > Accessibility Report </a> <a class="site-header__subnav-item " href="https://craftcms.com/blog" > Blog </a> <a class="site-header__subnav-item " href="https://craftcms.com/events" > Events </a> </div> </nav> </div> </nav> <div class="site-header__right"> <div class="site-header__try-craft"> <a href="https://craftcms.com/demo" class="btn btn--rect btn--dropdown js-btn js-try-btn"> <span class="btn__content">View the Demo</span> </a> </div> <button class="site-header__search-btn js-search-toggle" type="button" aria-label="Search website"> <svg width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Header-Signed-In" transform="translate(-1288.000000, -115.000000)" stroke="#0F0F0F" stroke-width="2"> <g id="Group" transform="translate(1288.000000, 112.000000)"> <circle id="Oval-2" transform="translate(14.000000, 12.000000) rotate(-315.000000) translate(-14.000000, -12.000000) " cx="14" cy="12" r="8"></circle> <path d="M5,16 L5,26" id="Path-4" transform="translate(5.000000, 21.000000) rotate(-315.000000) translate(-5.000000, -21.000000) "></path> </g> </g> </g> </svg> </button> </div> </div> </header> <div class="mobile-nav js-mobile-nav"> <button type="button" class="mobile-nav__close js-mobile-nav-toggle" aria-label="Close navigation menu"></button> <nav class="mobile-nav__inner js-mobile-nav-inner" aria-label="Primary"> <div class="mobile-nav__nav-item data-current-cms"> <a href="/features" > CMS</a> </div> <div class="mobile-nav__nav-item data-current-hosting"> <a href="/cloud" > Hosting<span class="tw-ml-2"><span class=" tw-inline-block tw-rounded-full tw-px-[0.75em] tw-py-[0.375em] tw-bg-[#637599] tw-text-white tw-text-[0.5em] tw-tracking-wide tw-leading-none -tw-translate-y-[0.3em] tw-no-underline hover:tw-no-underline focus:tw-no-underline" style="font-size: max(10px, 0.5em)">New!</span></span></a> </div> <div class="mobile-nav__nav-item data-current-pricing"> <a href="https://craftcms.com/pricing" > Pricing</a> </div> <div class="mobile-nav__nav-item data-current-partners"> <a href="https://craftcms.com/partners" > Partners</a> </div> <div class="mobile-nav__nav-item data-current-resources"> <div class="js-toggle" data-toggle-element=".js-subnav" data-toggle-class="is-open"> Resources<span class="mobile-nav__subnav-icon"></span> </div> <nav class="mobile-nav__subnav js-subnav" aria-label="Secondary"> <div class="mobile-nav__subnav-inner"> <a class="mobile-nav__subnav-item mobile-nav__subnav-item--external " href="https://craftcms.com/docs/" target="_blank" rel="noopener"> Documentation </a> <a class="mobile-nav__subnav-item " href="https://craftcms.com/knowledge-base" > Knowledge Base </a> <a class="mobile-nav__subnav-item " href="https://craftcms.com/starters" > Starters </a> <a class="mobile-nav__subnav-item mobile-nav__subnav-item--external " href="https://plugins.craftcms.com" target="_blank" rel="noopener"> Plugin Store </a> <a class="mobile-nav__subnav-item mobile-nav__subnav-item--external " href="https://console.craftcms.com" target="_blank" rel="noopener"> Craft Console </a> <a class="mobile-nav__subnav-item " href="https://craftcms.com/community" > Community </a> <a class="mobile-nav__subnav-item " href="https://craftcms.com/support-services" > Support </a> <a class="mobile-nav__subnav-item " href="https://craftcms.com/accessibility" > Accessibility </a> <a class="mobile-nav__subnav-item " href="https://craftcms.com/accessibility/reports/acr" > Accessibility Report </a> <a class="mobile-nav__subnav-item " href="https://craftcms.com/blog" > Blog </a> <a class="mobile-nav__subnav-item " href="https://craftcms.com/events" > Events </a> </div> </nav> </div> </nav> </div> <div class="js-header-flick"></div> <main id="main-content"> <div class="l-features-landing tw-pf"> <header class="lg:tw-pt-8"> <div class="tw-py-4"> <div class="tw-max-w-7xl tw-mx-auto tw-mt-4 tw-mb-6 lg:tw-mb-8 tw-px-4 lg:tw-px-5"> <div class="lg:tw-flex tw-justify-center tw-items-center -tw-mx-4"> <div class="tw-text-center lg:tw-text-left lg:tw-w-1/3 tw-px-4 "> <div class=" lg:tw-mx-auto"> <div> <div class="tw-mb-4"> <div class="tw-text-slate-500 tw-mb-2"> Craft Cloud </div> <h1 class="tw-font-bold tw-mb-2 tw-text-3xl sm:tw-text-5xl md:tw-text-4xl lg:tw-text-4xl tw-leading-none"> <span class="lg:tw-block">Craft CMS hosting</span> <span class="lg:tw-block">you can trust.</span> </h1> </div> <p class="tw-text-lg md:tw-text-md tw-text-slate-500 tw-leading-normal lg:tw-mb-0 tw-max-w-sm lg:tw-max-w-prose tw-mx-auto lg:tw-mx-0"> Craft Cloud is a scalable hosting platform, by the team behind Craft. </p> </div> <div class="tw-mx-auto tw-my-6"> <div class="tw-flex tw-items-center tw-justify-center -tw-mx-2 lg:tw-justify-start"> <div class="tw-px-2"> <a class="btn btn--xs js-btn" href="https://console.craftcms.com/accounts/me/cloud/projects"> <span class="btn__content">Start a free trial</span> </a> </div> <div class="tw-px-2"> <a class="link link--xs tw-no-underline" href="#pricing"> View Pricing </a> </div> </div> </div> </div> </div> <div class="lg:tw-w-2/3 tw-px-4"> <div class="tw-overflow-hidden tw-rounded-lg tw-border-4 tw-border-slate-200 tw-bg-slate-200"> <div style="padding:56.25% 0 0 0;position:relative;"> <iframe title="Introducing Craft Cloud" src="https://player.vimeo.com/video/992445597?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe> </div> <script src="https://player.vimeo.com/api/player.js"></script> </div> </div> </div> </div> </div> </header> <div> <div class="tw-py-4"> <div class="tw-max-w-7xl tw-mx-auto tw-mt-4 tw-mb-6 lg:tw-mb-8 tw-px-4 lg:tw-px-5"> <div class="lg:tw-flex tw-flex-row-reverse tw-justify-center tw-items-center -tw-mx-4"> <div class="tw-text-center lg:tw-text-left lg:tw-w-2/5 tw-px-4 lg:tw-ml-6"> <div class=" lg:tw-mx-auto"> <div> <div class="tw-mb-4"> <h2 class="tw-font-bold tw-mb-2 tw-text-3xl sm:tw-text-5xl md:tw-text-4xl lg:tw-text-4xl tw-leading-none"> Leave the DevOps to us. </h2> </div> <p class="tw-text-lg md:tw-text-md tw-text-slate-500 tw-leading-normal lg:tw-mb-0 tw-max-w-sm lg:tw-max-w-prose tw-mx-auto lg:tw-mx-0"> Stop worrying about build pipelines and server specs. Craft Cloud’s highly-available infrastructure is fully optimized for Craft CMS projects big and small. </p> </div> <div class="tw-w-full tw-mx-auto tw-mt-6 tw-mb-8"> <ul class="tw-w-full tw-flex tw-justify-center lg:tw-justify-start lg:-tw-mx-4 tw-px-0"> <li class="tw-w-full tw-text-center tw-max-w-20 tw-mx-4"> <div class="tw-flex tw-flex-wrap tw-items-center"> <div class="tw-w-full"> <div class="tw-aspect-square tw-bg-slate-100 tw-rounded-md tw-overflow-hidden tw-mx-auto"> <div class="tw-p-3"> <img src="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/cloud-landing/github.svg" role="presentation" alt="GitHub icon" class="tw-w-full tw-h-full" /> </div> </div> </div> <div class="tw-text-center tw-w-full"> <div class="tw-mb-1 tw-mt-3"> <div class="tw-no-underline"> <span class="tw-font-bold">GitHub</span> </div> </div> </div> </div> </li> <li class="tw-w-full tw-text-center tw-max-w-20 tw-mx-4"> <div class="tw-flex tw-flex-wrap tw-items-center"> <div class="tw-w-full"> <div class="tw-aspect-square tw-bg-slate-100 tw-rounded-md tw-overflow-hidden tw-mx-auto"> <div class="tw-p-3"> <img src="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/cloud-landing/bitbucket.svg" role="presentation" alt="Bitbucket icon" class="tw-w-full tw-h-full" /> </div> </div> </div> <div class="tw-text-center tw-w-full"> <div class="tw-mb-1 tw-mt-3"> <div class="tw-no-underline"> <span class="tw-font-bold">Bitbucket</span> </div> </div> </div> </div> </li> <li class="tw-w-full tw-text-center tw-max-w-20 tw-mx-4"> <div class="tw-flex tw-flex-wrap tw-items-center"> <div class="tw-w-full"> <div class="tw-aspect-square tw-bg-slate-100 tw-rounded-md tw-overflow-hidden tw-mx-auto"> <div class="tw-p-3"> <img src="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/cloud-landing/gitlab.svg" role="presentation" alt="GitLab icon" class="tw-w-full tw-h-full" /> </div> </div> </div> <div class="tw-text-center tw-w-full"> <div class="tw-mb-1 tw-mt-3"> <div class="tw-no-underline"> <span class="tw-font-bold">GitLab</span> </div> </div> </div> </div> </li> </ul> </div> </div> </div> <div class="lg:tw-w-3/5 tw-px-4"> <div class="tw-my-4 lg:tw-mt-0 tw-rounded-md tw-overflow-hidden tw-border-4 tw-border-slate-200 tw-bg-slate-200"> <div class="tw-relative tw-h-full tw-overflow-hidden tw-max-w-full" style="padding-bottom: 67.754077791719%;"> <div class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-full tw-h-full"> <div class="loading"> <img src="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/dist/images/icon-loading.png" alt=""> </div> </div> <iframe class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-full tw-z-10" src="https://player.vimeo.com/video/994185138?badge=0&autopause=0&player_id=0&app_id=58479&loop=1&autoplay=1&autopause=0&muted=1&controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" title="add-variables"></iframe> </div> </div> </div> </div> </div> </div> </div> <div> <div class="tw-py-4"> <div class="tw-max-w-7xl tw-mx-auto tw-mt-4 tw-mb-6 lg:tw-mb-8 tw-px-4 lg:tw-px-5"> <div class="lg:tw-flex tw-justify-center tw-items-center -tw-mx-4"> <div class="tw-text-center lg:tw-text-left lg:tw-w-2/5 tw-px-4 "> <div class=" lg:tw-mx-auto"> <div> <div class="tw-mb-4"> <h2 class="tw-font-bold tw-mb-2 tw-text-3xl sm:tw-text-5xl md:tw-text-4xl lg:tw-text-4xl tw-leading-none"> Developer-first workflow </h2> </div> <p class="tw-text-lg md:tw-text-md tw-text-slate-500 tw-leading-normal lg:tw-mb-0 tw-max-w-sm lg:tw-max-w-prose tw-mx-auto lg:tw-mx-0"> All plans are multi-environment—easily import variables and secrets. </p> </div> </div> </div> <div class="lg:tw-w-3/5 tw-px-4"> <div class="tw-my-4 lg:tw-mt-0 tw-rounded-md tw-overflow-hidden tw-border-4 tw-border-slate-200 tw-bg-slate-200"> <div class="tw-relative tw-h-full tw-overflow-hidden tw-max-w-full" style="padding-bottom: 67.754077791719%;"> <div class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-full tw-h-full"> <div class="loading"> <img src="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/dist/images/icon-loading.png" alt=""> </div> </div> <iframe class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-full tw-z-10" src="https://player.vimeo.com/video/994185106?badge=0&autopause=0&player_id=0&app_id=58479&loop=1&autoplay=1&autopause=0&muted=1&controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" title="add-variables"></iframe> </div> </div> </div> </div> </div> </div> </div> <div> <div class="tw-py-4"> <div class="tw-max-w-7xl tw-mx-auto tw-mt-4 tw-mb-6 lg:tw-mb-8 tw-px-4 lg:tw-px-5"> <div class="lg:tw-flex tw-flex-row-reverse tw-justify-center tw-items-center -tw-mx-4"> <div class="tw-text-center lg:tw-text-left lg:tw-w-2/5 tw-px-4 lg:tw-ml-6"> <div class=" lg:tw-mx-auto"> <div> <div class="tw-mb-4"> <h2 class="tw-font-bold tw-mb-2 tw-text-3xl sm:tw-text-5xl md:tw-text-4xl lg:tw-text-4xl tw-leading-none"> Get faster, faster </h2> </div> <p class="tw-text-lg md:tw-text-md tw-text-slate-500 tw-leading-normal lg:tw-mb-0 tw-max-w-sm lg:tw-max-w-prose tw-mx-auto lg:tw-mx-0"> Deploy a blazing fast project, without endless configuration. Craft Cloud includes static caching, on-demand image transforms, and a CDN for all static and front-end assets. </p> </div> </div> </div> <div class="lg:tw-w-3/5 tw-px-4"> <div class="tw-my-4 lg:tw-mt-0 tw-rounded-md tw-overflow-hidden tw-border-4 tw-border-slate-200 tw-bg-slate-200"> <div class="tw-relative tw-h-full tw-overflow-hidden tw-max-w-full" style="padding-bottom: 67.754077791719%;"> <div class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-full tw-h-full"> <div class="loading"> <img src="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/dist/images/icon-loading.png" alt=""> </div> </div> <iframe class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-full tw-z-10" src="https://player.vimeo.com/video/994185162?badge=0&autopause=0&player_id=0&app_id=58479&loop=1&autoplay=1&autopause=0&muted=1&controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" title="add-variables"></iframe> </div> </div> </div> </div> </div> </div> </div> <div> <div class="tw-py-4"> <div class="tw-max-w-7xl tw-mx-auto tw-mt-4 tw-mb-6 lg:tw-mb-8 tw-px-4 lg:tw-px-5"> <div class="lg:tw-flex tw-justify-center tw-items-center -tw-mx-4"> <div class="tw-text-center lg:tw-text-left lg:tw-w-2/5 tw-px-4 "> <div class=" lg:tw-mx-auto"> <div> <div class="tw-mb-4"> <h2 class="tw-font-bold tw-mb-2 tw-text-3xl sm:tw-text-5xl md:tw-text-4xl lg:tw-text-4xl tw-leading-none"> Reliable </h2> </div> <p class="tw-text-lg md:tw-text-md tw-text-slate-500 tw-leading-normal lg:tw-mb-0 tw-max-w-sm lg:tw-max-w-prose tw-mx-auto lg:tw-mx-0"> Every project includes enterprise-grade firewall and DDoS protection, and automatic and manual backups. </p> </div> </div> </div> <div class="lg:tw-w-3/5 tw-px-4"> <div class="tw-my-4 lg:tw-mt-0 tw-rounded-md tw-overflow-hidden tw-border-4 tw-border-slate-200 tw-bg-slate-200"> <div class="tw-relative tw-h-full tw-overflow-hidden tw-max-w-full" style="padding-bottom: 67.754077791719%;"> <div class="tw-absolute tw-flex tw-items-center tw-justify-center tw-w-full tw-h-full"> <div class="loading"> <img src="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/dist/images/icon-loading.png" alt=""> </div> </div> <iframe class="tw-absolute tw-top-0 tw-left-0 tw-w-full tw-h-full tw-z-10" src="https://player.vimeo.com/video/994185126?badge=0&autopause=0&player_id=0&app_id=58479&loop=1&autoplay=1&autopause=0&muted=1&controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" title="add-variables"></iframe> </div> </div> </div> </div> </div> </div> </div> <div class="tw-max-w-7xl tw-mx-auto tw-px-4 lg:tw-px-5 tw-text-center"> <div class="tw-mb-4 tw-w-20 md:tw-w-24 tw-mx-auto tw-aspect-square tw-bg-white"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 74"> <path d="m10.71187,45.26613c-.28235-13.97644,12.24457-20.5828,27.82612-20.5828,16.96517,0,24.36391,7.76156,27.75214,18.96153,0,0-3.77983-2.7238-9.22351-2.66547-10.80401.11578-9.90388,7.53652-22.31973,7.53652-12.03674,0-13.93229-2.04167-17.2495-2.04167-2.70116,0-5.20526,1.66256-5.20526,12.37241h-4.58227s0-8.63936,3.002-13.58053h0Z" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <path d="m10.71187,45.26613c8.11763-14.84703,30.08027-14.9007,45.13122-10.37419" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/> <line x1="30.07844" y1="32.53177" x2="32.50324" y2="28.19908" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/> <line x1="20.09019" y1="36.0471" x2="20.70741" y2="32.03279" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/> <line x1="35.99062" y1="32.53177" x2="44.75491" y2="40.97939" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/> <line x1="23.62315" y1="34.88595" x2="31.58571" y2="44.6425" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/> <line x1="40.79214" y1="31.92078" x2="44.75491" y2="28.19908" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/> <circle cx="34.57102" cy="14.25163" r="3.74662" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <circle cx="39.2361" cy="58.13066" r="3.74662" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <circle cx="19.62628" cy="20.52844" r="2.53018" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <circle cx="53.22232" cy="15.11146" r="4.98769" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> <circle cx="55.05031" cy="49.14398" r="2.15827" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/> </svg> </div> <div class="lg:tw-mt-4 tw-text-center tw-max-w-prose tw-mx-auto"> <h3 class="tw-font-bold tw-mb-2 tw-text-base md:tw-text-lg tw-leading-tight">Committed to sustainability.</h3> <p class="tw-text-base">Craft Cloud features an on-demand architecture and global CDN, keeping its carbon footprint to a minimum. And our work has only begun…</p> </div> </div> <div class="tw-py-8" id="features"> <div class="tw-pf tw-mt-10 lg:tw-mt-20"> <div class="tw-max-w-7xl tw-mx-auto"> <h2 class="tw-text-5xl tw-leading-tight tw-font-sans tw-text-center">Features</h2> </div> </div> <div class="tw-pt-4 tw-relative"> <div class="tw-max-w-7xl tw-mx-auto tw-p-6"> <div class="tw-flex tw-flex-wrap tw-my-4 -tw-mx-2"> <div class="tw-w-1/2 sm:tw-w-1/3 lg:tw-w-1/4 tw-px-2 tw-mb-4"> <!-- Card --> <div class="tw-border tw-border-blue-50 tw-shadow-craftcom tw-h-full tw-rounded-xl tw-flex tw-flex-wrap tw-items-center tw-p-4 "> <div class="tw-w-20 md:tw-w-24 tw-mx-auto tw-aspect-square tw-mt-4 tw-bg-white"> <svg id="lnctpnnuyl-b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 74"><circle cx="37" cy="37.167" r="11" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M10,9.167V25.694c0,1.918,1.555,3.473,3.473,3.473h10.527" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M10,65.167v-16.527c0-1.918,1.555-3.473,3.473-3.473h2.527" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M64,8.833v9.607c0,1.918-1.555,3.473-3.473,3.473h-23.527" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M64,65.167v-24.527c0-1.918-1.555-3.473-3.473-3.473h-8.527" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><circle cx="37" cy="37.167" r="6.341" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M22.143,37.167v4.527c0,1.918-1.555,3.473-3.473,3.473h-3.527" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><line x1="37" y1="52.523" x2="37" y2="65.167" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><line x1="37" y1="17.913" x2="37" y2="9.167" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/></svg> </div> <div class="tw-w-full tw-mt-6 "> <div class="tw-max-w-md tw-mx-auto"> <h2 class="tw-font-bold tw-mb-2 tw-text-base md:tw-text-lg tw-leading-tight tw-text-center">Push to deploy</h2> <div class="tw-text-sm md:tw-text-base md:tw-mb-2 tw-text-center"> Complete build pipeline for Composer and npm tasks. </div> </div> </div> </div> </div> <div class="tw-w-1/2 sm:tw-w-1/3 lg:tw-w-1/4 tw-px-2 tw-mb-4"> <!-- Card --> <div class="tw-border tw-border-blue-50 tw-shadow-craftcom tw-h-full tw-rounded-xl tw-flex tw-flex-wrap tw-items-center tw-p-4 "> <div class="tw-w-20 md:tw-w-24 tw-mx-auto tw-aspect-square tw-mt-4 tw-bg-white"> <svg id="klbvvqjsba-b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 74"><polyline points="30.685 36.03 38.025 36.03 38.025 43.26" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><line x1="37.175" y1="36.7" x2="28.615" y2="45.27" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><polyline points="38.025 50.01 38.025 57.98 15.995 57.98 15.995 36.03 24.005 36.03" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><polygon points="55.005 15.02 55.005 17.02 57.005 17.02 57.005 19.02 59.005 19.02 59.005 17.02 59.005 15.02 55.005 15.02" fill="#184cef"/><rect x="57.005" y="25.02" width="2" height="4" fill="#184cef"/><rect x="57.005" y="35.02" width="2" height="4" fill="#184cef"/><rect x="57.005" y="45.02" width="2" height="4" fill="#184cef"/><polygon points="56.945 55.03 56.945 57.03 55.005 57.03 55.005 58.98 56.945 58.98 57.675 58.98 59.005 58.98 59.005 55.03 56.945 55.03" fill="#184cef"/><rect x="45.015" y="57.02" width="3.99" height="1.96" fill="#184cef"/><rect x="45.005" y="15.02" width="4" height="2" fill="#184cef"/><rect x="35.005" y="15.02" width="4" height="2" fill="#184cef"/><rect x="25.005" y="15.02" width="4" height="2" fill="#184cef"/><polygon points="19.005 15.02 14.995 15.02 14.995 16.9 14.995 17.02 14.995 19.02 17.005 19.02 17.005 17.02 19.005 17.02 19.005 15.02" fill="#184cef"/><rect x="14.995" y="25.02" width="2.01" height="4" fill="#184cef"/></svg> </div> <div class="tw-w-full tw-mt-6 "> <div class="tw-max-w-md tw-mx-auto"> <h2 class="tw-font-bold tw-mb-2 tw-text-base md:tw-text-lg tw-leading-tight tw-text-center">On-demand transforms</h2> <div class="tw-text-sm md:tw-text-base md:tw-mb-2 tw-text-center"> Forget PHP-based image generation. Transforms are provided on demand. </div> </div> </div> </div> </div> <div class="tw-w-1/2 sm:tw-w-1/3 lg:tw-w-1/4 tw-px-2 tw-mb-4"> <!-- Card --> <div class="tw-border tw-border-blue-50 tw-shadow-craftcom tw-h-full tw-rounded-xl tw-flex tw-flex-wrap tw-items-center tw-p-4 "> <div class="tw-w-20 md:tw-w-24 tw-mx-auto tw-aspect-square tw-mt-4 tw-bg-white"> <svg id="exrcqcvhcm-b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 74"><g><polyline points="60.63 29.474 60.63 27.474 59.028 26.277" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><line x1="54.973" y1="23.25" x2="48.892" y2="18.71" fill="none" stroke="#184cef" stroke-dasharray="0 0 5.06 5.06" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><polyline points="46.865 17.196 45.262 16 45.262 18" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><line x1="45.262" y1="22.222" x2="45.262" y2="53.889" fill="none" stroke="#184cef" stroke-dasharray="0 0 4.222 4.222" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><polyline points="45.262 56 45.262 58 46.865 56.803" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><line x1="50.919" y1="53.776" x2="57" y2="49.236" fill="none" stroke="#184cef" stroke-dasharray="0 0 5.06 5.06" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><polyline points="59.028 47.722 60.63 46.526 60.63 44.526" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><line x1="60.63" y1="39.509" x2="60.63" y2="31.983" fill="none" stroke="#184cef" stroke-dasharray="0 0 5.017 5.017" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/></g><polygon points="45.262 27.474 29.894 16 29.894 58 45.262 46.526 45.262 27.474" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><g><polyline points="29.894 29.474 29.894 27.474 28.292 26.277" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><line x1="24.237" y1="23.25" x2="18.156" y2="18.71" fill="none" stroke="#184cef" stroke-dasharray="0 0 5.06 5.06" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><polyline points="16.129 17.196 14.526 16 14.526 18" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><line x1="14.526" y1="22.222" x2="14.526" y2="53.889" fill="none" stroke="#184cef" stroke-dasharray="0 0 4.222 4.222" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><polyline points="14.526 56 14.526 58 16.129 56.803" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><line x1="20.183" y1="53.776" x2="26.264" y2="49.236" fill="none" stroke="#184cef" stroke-dasharray="0 0 5.06 5.06" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><polyline points="28.292 47.722 29.894 46.526 29.894 44.526" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><line x1="29.894" y1="39.509" x2="29.894" y2="31.983" fill="none" stroke="#184cef" stroke-dasharray="0 0 5.017 5.017" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/></g><line x1="66.63" y1="37" x2="55.262" y2="37" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><line x1="45.262" y1="37" x2="39.894" y2="37" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><line x1="14.486" y1="37" x2="8.486" y2="37" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><line x1="29.894" y1="37" x2="24.486" y2="37" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><line x1="14.526" y1="30.737" x2="14.526" y2="43.866" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/></svg> </div> <div class="tw-w-full tw-mt-6 "> <div class="tw-max-w-md tw-mx-auto"> <h2 class="tw-font-bold tw-mb-2 tw-text-base md:tw-text-lg tw-leading-tight tw-text-center">Queue on cue</h2> <div class="tw-text-sm md:tw-text-base md:tw-mb-2 tw-text-center"> Each project has a zero-config, on-demand queue worker. </div> </div> </div> </div> </div> <div class="tw-w-1/2 sm:tw-w-1/3 lg:tw-w-1/4 tw-px-2 tw-mb-4"> <!-- Card --> <div class="tw-border tw-border-blue-50 tw-shadow-craftcom tw-h-full tw-rounded-xl tw-flex tw-flex-wrap tw-items-center tw-p-4 "> <div class="tw-w-20 md:tw-w-24 tw-mx-auto tw-aspect-square tw-mt-4 tw-bg-white"> <svg id="mqhtagozqt-b" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 74 74"><defs><clipPath id="mqhtagozqt-c"><rect x="65" y="16" width="9" height="44" fill="none"/></clipPath><clipPath id="mqhtagozqt-d"><rect y="16" width="9" height="44" fill="none"/></clipPath></defs><g><path d="M10.8,16.091H62.9c1,0,1.7,.8,1.7,1.7V59.691H9V17.791c0-1,.8-1.7,1.8-1.7h0Z" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><path d="M10.8,16.091H62.9c1,0,1.7,.8,1.7,1.7V59.691H9V17.791c0-1,.8-1.7,1.8-1.7h0Z" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="9.4" y1="23.391" x2="65" y2="23.391" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><rect x="19.4" y="43.791" width="34.7" height="11.2" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="23.9" y1="31.391" x2="49.7" y2="31.391" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><line x1="46.1" y1="36.391" x2="27.5" y2="36.391" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/></g><g clip-path="url(#mqhtagozqt-c)"><path d="M72,25.822v25.6H39.4V25.822h0c0-.9,.7-1.7,1.7-1.7h29.1c1,0,1.8,.8,1.8,1.7Z" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="64.046" y1="29.29" x2="71.636" y2="29.29" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/></g><g clip-path="url(#mqhtagozqt-d)"><path d="M3.8,24.122h29.1c1,0,1.7,.8,1.7,1.7h0v25.6H2V25.822c0-.9,.8-1.7,1.8-1.7Z" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="2.364" y1="29.29" x2="9.954" y2="29.29" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/></g></svg> </div> <div class="tw-w-full tw-mt-6 "> <div class="tw-max-w-md tw-mx-auto"> <h2 class="tw-font-bold tw-mb-2 tw-text-base md:tw-text-lg tw-leading-tight tw-text-center">Multi-site ready</h2> <div class="tw-text-sm md:tw-text-base md:tw-mb-2 tw-text-center"> À la carte domain pricing, with unlimited subdomains. </div> </div> </div> </div> </div> <div class="tw-w-1/2 sm:tw-w-1/3 lg:tw-w-1/4 tw-px-2 tw-mb-4"> <!-- Card --> <div class="tw-border tw-border-blue-50 tw-shadow-craftcom tw-h-full tw-rounded-xl tw-flex tw-flex-wrap tw-items-center tw-p-4 "> <div class="tw-w-20 md:tw-w-24 tw-mx-auto tw-aspect-square tw-mt-4 tw-bg-white"> <svg id="vzvdxkegpl-b" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 74 74"><defs><clipPath id="vzvdxkegpl-c"><path d="M0,0V74H75V0H0ZM8.5,50.435l-5.657-5.656,5.157-5.157v-5.243l-5.157-5.157,5.657-5.656,13.435,13.435-13.435,13.435Z" fill="none"/></clipPath></defs><g><rect x="9.389" y="32.389" width="6" height="17" transform="translate(-7.763 78.562) rotate(-135)" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><rect x="9.389" y="24.611" width="6" height="17" transform="translate(44.562 47.763) rotate(135)" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/></g><rect x="24" y="30" width="6" height="14" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><line x1="9" y1="21" x2="64" y2="21" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><g clip-path="url(#vzvdxkegpl-c)"><path d="M11,15H63c1.104,0,2,.896,2,2V59H9V17c0-1.104,.896-2,2-2Z" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/></g><line x1="57" y1="37" x2="38" y2="37" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/></svg> </div> <div class="tw-w-full tw-mt-6 "> <div class="tw-max-w-md tw-mx-auto"> <h2 class="tw-font-bold tw-mb-2 tw-text-base md:tw-text-lg tw-leading-tight tw-text-center">CLI commands</h2> <div class="tw-text-sm md:tw-text-base md:tw-mb-2 tw-text-center"> Execute CLI commands from Craft Console. </div> </div> </div> </div> </div> <div class="tw-w-1/2 sm:tw-w-1/3 lg:tw-w-1/4 tw-px-2 tw-mb-4"> <!-- Card --> <div class="tw-border tw-border-blue-50 tw-shadow-craftcom tw-h-full tw-rounded-xl tw-flex tw-flex-wrap tw-items-center tw-p-4 "> <div class="tw-w-20 md:tw-w-24 tw-mx-auto tw-aspect-square tw-mt-4 tw-bg-white"> <svg id="yyypirfudg-b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 74"><rect x="8" y="35" width="16.772" height="21" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><rect x="29" y="48" width="16.772" height="8" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><rect x="50" y="13" width="16.772" height="43" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><line x1="8" y1="60" x2="67" y2="60" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><polyline points="71 31 59 20 37 53 16 40 4 47" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><circle cx="16.386" cy="29" r="2" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><circle cx="37.386" cy="42" r="2" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/><circle cx="58.386" cy="7" r="2" fill="none" stroke="#184cef" stroke-linecap="square" stroke-miterlimit="10" stroke-width="2"/></svg> </div> <div class="tw-w-full tw-mt-6 "> <div class="tw-max-w-md tw-mx-auto"> <h2 class="tw-font-bold tw-mb-2 tw-text-base md:tw-text-lg tw-leading-tight tw-text-center">Scale automatically</h2> <div class="tw-text-sm md:tw-text-base md:tw-mb-2 tw-text-center"> Cloud’s serverless architecture scales effortlessly for any load. </div> </div> </div> </div> </div> <div class="tw-w-1/2 sm:tw-w-1/3 lg:tw-w-1/4 tw-px-2 tw-mb-4"> <!-- Card --> <div class="tw-border tw-border-blue-50 tw-shadow-craftcom tw-h-full tw-rounded-xl tw-flex tw-flex-wrap tw-items-center tw-p-4 "> <div class="tw-w-20 md:tw-w-24 tw-mx-auto tw-aspect-square tw-mt-4 tw-bg-white"> <svg id="rvkacvxerw-a" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 74 74"><defs><clipPath id="rvkacvxerw-b"><polygon points="25.383 4.972 25.854 13.63 15.501 12.689 6.277 29.442 12.96 37 5.568 42.148 16.254 61.725 24.819 58.807 25.854 67.089 48.254 67.089 48.254 57.625 59.736 62.572 69.242 43.842 61.618 37.819 68.432 31.136 58.23 11.466 50.228 15.701 48.254 5.442 25.383 4.972" fill="none"/></clipPath></defs><circle cx="37" cy="36.615" r="20.22" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><path d="M23,50.595c4.035-3.069,8.933-4.79,14-4.92,5.067,.13,9.965,1.851,14,4.92" fill="#fff" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><path d="M51,22.595c-4.034,3.072-8.932,4.796-14,4.93-6,0-11.06-2.69-14.62-5.38" fill="#fff" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="16.78" y1="36.615" x2="57.22" y2="36.615" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="37" y1="17.195" x2="37" y2="57.625" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><ellipse cx="37" cy="36.605" rx="9.5" ry="20.23" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><circle cx="21.626" cy="9.384" r="2.541" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><circle cx="52.769" cy="9.384" r="2.541" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><circle cx="68.432" cy="36.808" r="2.541" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><circle cx="52.769" cy="63.826" r="2.541" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><circle cx="21.626" cy="63.826" r="2.541" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><circle cx="6.662" cy="36.808" r="2.541" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><g clip-path="url(#rvkacvxerw-b)"><g><polyline points="53.716 11.116 52.716 9.384 50.716 9.384" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="46.797" y1="9.384" x2="25.243" y2="9.384" fill="none" stroke="#184cef" stroke-dasharray="0 0 3.919 3.919" stroke-miterlimit="10" stroke-width="2"/><polyline points="23.284 9.384 21.284 9.384 20.284 11.116" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="18.324" y1="14.51" x2="7.547" y2="33.176" fill="none" stroke="#184cef" stroke-dasharray="0 0 3.919 3.919" stroke-miterlimit="10" stroke-width="2"/><polyline points="6.568 34.873 5.568 36.605 6.568 38.337" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="8.527" y1="41.731" x2="19.304" y2="60.397" fill="none" stroke="#184cef" stroke-dasharray="0 0 3.919 3.919" stroke-miterlimit="10" stroke-width="2"/><polyline points="20.284 62.094 21.284 63.826 23.284 63.826" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="27.203" y1="63.826" x2="48.757" y2="63.826" fill="none" stroke="#184cef" stroke-dasharray="0 0 3.919 3.919" stroke-miterlimit="10" stroke-width="2"/><polyline points="50.716 63.826 52.716 63.826 53.716 62.094" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="55.676" y1="58.7" x2="66.453" y2="40.034" fill="none" stroke="#184cef" stroke-dasharray="0 0 3.919 3.919" stroke-miterlimit="10" stroke-width="2"/><polyline points="67.432 38.337 68.432 36.605 67.432 34.873" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="65.473" y1="31.479" x2="54.696" y2="12.813" fill="none" stroke="#184cef" stroke-dasharray="0 0 3.919 3.919" stroke-miterlimit="10" stroke-width="2"/></g></g></svg> </div> <div class="tw-w-full tw-mt-6 "> <div class="tw-max-w-md tw-mx-auto"> <h2 class="tw-font-bold tw-mb-2 tw-text-base md:tw-text-lg tw-leading-tight tw-text-center">Global CDN</h2> <div class="tw-text-sm md:tw-text-base md:tw-mb-2 tw-text-center"> Edge delivery of all static app and front-end assets, and image transforms. </div> </div> </div> </div> </div> <div class="tw-w-1/2 sm:tw-w-1/3 lg:tw-w-1/4 tw-px-2 tw-mb-4"> <!-- Card --> <div class="tw-border tw-border-blue-50 tw-shadow-craftcom tw-h-full tw-rounded-xl tw-flex tw-flex-wrap tw-items-center tw-p-4 "> <div class="tw-w-20 md:tw-w-24 tw-mx-auto tw-aspect-square tw-mt-4 tw-bg-white"> <svg id="smggrxrnbc-b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 74"><g><polyline points="60.5 23 60.5 28 55.5 28" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="51.722" y1="28" x2="40.389" y2="28" fill="none" stroke="#184cef" stroke-dasharray="0 0 9.444 3.778" stroke-miterlimit="10" stroke-width="2"/><polyline points="38.5 28 33.5 28 33.5 23" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><polyline points="33.5 18 33.5 13 38.5 13" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="42.278" y1="13" x2="53.611" y2="13" fill="none" stroke="#184cef" stroke-dasharray="0 0 9.444 3.778" stroke-miterlimit="10" stroke-width="2"/><polyline points="55.5 13 60.5 13 60.5 18" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/></g><g><polyline points="55.5 32 60.5 32 60.5 37 55.5 37" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="51.722" y1="37" x2="40.389" y2="37" fill="none" stroke="#184cef" stroke-dasharray="0 0 9.444 3.778" stroke-miterlimit="10" stroke-width="2"/><polyline points="38.5 37 33.5 37 33.5 32 38.5 32" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="42.278" y1="32" x2="53.611" y2="32" fill="none" stroke="#184cef" stroke-dasharray="0 0 9.444 3.778" stroke-miterlimit="10" stroke-width="2"/></g><g><polyline points="60.5 60 60.5 65 55.5 65" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="51.722" y1="65" x2="40.389" y2="65" fill="none" stroke="#184cef" stroke-dasharray="0 0 9.444 3.778" stroke-miterlimit="10" stroke-width="2"/><polyline points="38.5 65 33.5 65 33.5 60" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="33.5" y1="56.889" x2="33.5" y2="47.556" fill="none" stroke="#184cef" stroke-dasharray="0 0 7.778 3.111" stroke-miterlimit="10" stroke-width="2"/><polyline points="33.5 46 33.5 41 38.5 41" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="42.278" y1="41" x2="53.611" y2="41" fill="none" stroke="#184cef" stroke-dasharray="0 0 9.444 3.778" stroke-miterlimit="10" stroke-width="2"/><polyline points="55.5 41 60.5 41 60.5 46" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="60.5" y1="49.111" x2="60.5" y2="58.444" fill="none" stroke="#184cef" stroke-dasharray="0 0 7.778 3.111" stroke-miterlimit="10" stroke-width="2"/></g><rect x="13.5" y="7" width="28" height="54" rx="2" ry="2" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/></svg> </div> <div class="tw-w-full tw-mt-6 "> <div class="tw-max-w-md tw-mx-auto"> <h2 class="tw-font-bold tw-mb-2 tw-text-base md:tw-text-lg tw-leading-tight tw-text-center">Static caching</h2> <div class="tw-text-sm md:tw-text-base md:tw-mb-2 tw-text-center"> Pages are statically cached by Cloudflare, with automatic cache invalidation. </div> </div> </div> </div> </div> <div class="tw-w-1/2 sm:tw-w-1/3 lg:tw-w-1/4 tw-px-2 tw-mb-4"> <!-- Card --> <div class="tw-border tw-border-blue-50 tw-shadow-craftcom tw-h-full tw-rounded-xl tw-flex tw-flex-wrap tw-items-center tw-p-4 "> <div class="tw-w-20 md:tw-w-24 tw-mx-auto tw-aspect-square tw-mt-4 tw-bg-white"> <svg id="hvgnoaoeeu-a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 74"><path d="M56.505,41.15c0,2.154-8.014,4.617-18.783,4.617s-20.217-2.463-20.217-4.617" fill="none" stroke="#184cee" stroke-miterlimit="10" stroke-width="2"/><path d="M56.505,52.983c0,2.154-5,6-18.95,6-14.05,0-20.05-3.846-20.05-6" fill="none" stroke="#184cee" stroke-miterlimit="10" stroke-width="2"/><path d="M56.505,29.817c0,2.154-8.73,3.9-19.5,3.9s-19.5-1.746-19.5-3.9" fill="none" stroke="#184cee" stroke-miterlimit="10" stroke-width="2"/><ellipse cx="37.005" cy="18.483" rx="19.5" ry="3.9" fill="none" stroke="#184cee" stroke-miterlimit="10" stroke-width="2"/><line x1="17.505" y1="18.983" x2="17.505" y2="52.983" fill="none" stroke="#184cee" stroke-miterlimit="10" stroke-width="2"/><line x1="56.505" y1="18.983" x2="56.505" y2="52.983" fill="none" stroke="#184cee" stroke-miterlimit="10" stroke-width="2"/><rect x="16.495" y="18.531" width="1.429" height="3.379" fill="#184cee"/><rect x="56.076" y="18.531" width="1.429" height="3.379" fill="#184cee"/></svg> </div> <div class="tw-w-full tw-mt-6 "> <div class="tw-max-w-md tw-mx-auto"> <h2 class="tw-font-bold tw-mb-2 tw-text-base md:tw-text-lg tw-leading-tight tw-text-center">Resource intensive</h2> <div class="tw-text-sm md:tw-text-base md:tw-mb-2 tw-text-center"> Unlimited build minutes, unlimited MySQL or Postgres storage, and plenty of asset storage. </div> </div> </div> </div> </div> <div class="tw-w-1/2 sm:tw-w-1/3 lg:tw-w-1/4 tw-px-2 tw-mb-4"> <!-- Card --> <div class="tw-border tw-border-blue-50 tw-shadow-craftcom tw-h-full tw-rounded-xl tw-flex tw-flex-wrap tw-items-center tw-p-4 "> <div class="tw-w-20 md:tw-w-24 tw-mx-auto tw-aspect-square tw-mt-4 tw-bg-white"> <svg id="wdwsemtbzi-b" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 74 74"><defs><clipPath id="wdwsemtbzi-c"><polygon points="40 4.567 40 19 34 19 34 4.567 0 4.567 0 19 0 20.24 0 69 74 69 74 20.24 74 19 74 4.567 40 4.567" fill="none"/></clipPath></defs><rect x="33.5" y="4.567" width="7" height="15.673" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><g clip-path="url(#wdwsemtbzi-c)"><g><rect x="16.652" y="31.93" width="40.697" height="33.07" rx="2" ry="2" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><path d="M51.888,23c0-8.284-6.716-13-15-13s-15,4.716-15,13v9h30v-9Z" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><line x1="44.777" y1="60.171" x2="30" y2="60.171" fill="none" stroke="#184cef" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/><path d="M46.872,22.126c0-4.664-4.47-7.319-9.983-7.319s-9.983,2.655-9.983,7.319v9.804h19.967v-9.804Z" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/></g></g></svg> </div> <div class="tw-w-full tw-mt-6 "> <div class="tw-max-w-md tw-mx-auto"> <h2 class="tw-font-bold tw-mb-2 tw-text-base md:tw-text-lg tw-leading-tight tw-text-center">Secure</h2> <div class="tw-text-sm md:tw-text-base md:tw-mb-2 tw-text-center"> Every project is protected by an enterprise-grade firewall from Cloudflare. </div> </div> </div> </div> </div> <div class="tw-w-1/2 sm:tw-w-1/3 lg:tw-w-1/4 tw-px-2 tw-mb-4"> <!-- Card --> <div class="tw-border tw-border-blue-50 tw-shadow-craftcom tw-h-full tw-rounded-xl tw-flex tw-flex-wrap tw-items-center tw-p-4 "> <div class="tw-w-20 md:tw-w-24 tw-mx-auto tw-aspect-square tw-mt-4 tw-bg-white"> <svg id="vvgczzjpdm-b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 74"><rect x="16.51" y="31.93" width="5.02" height="17.95" rx="1.62" ry="1.62" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><rect x="30.87" y="55.82" width="12.69" height="5.02" rx="2.11" ry="2.11" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><path d="M16.54,48.62c-3.3,0-6-3.46-6-7.72s2.68-7.71,6-7.71v15.43Z" fill="#fff" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><rect x="52.44" y="31.93" width="5.02" height="17.95" rx="1.62" ry="1.62" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><path d="M57.46,33.19c3.3,0,6,3.45,6,7.71s-2.67,7.72-6,7.72v-15.43Z" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><path d="M16.54,33.87c0-11.438,9.272-20.71,20.71-20.71s20.71,9.272,20.71,20.71" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><path d="M23.61,17.32l4.54,4.55c5.26-4.361,12.88-4.361,18.14,0l4.55-4.55" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/><path d="M54.94,49.88c0,4.67-4.94,8.45-11,8.45" fill="none" stroke="#184cef" stroke-miterlimit="10" stroke-width="2"/></svg> </div> <div class="tw-w-full tw-mt-6 "> <div class="tw-max-w-md tw-mx-auto"> <h2 class="tw-font-bold tw-mb-2 tw-text-base md:tw-text-lg tw-leading-tight tw-text-center">Full-stack support</h2> <div class="tw-text-sm md:tw-text-base md:tw-mb-2 tw-text-center"> Backed by the expert support you’ve come to expect from Craft CMS. </div> </div> </div> </div> </div> <div class="tw-w-1/2 sm:tw-w-1/3 lg:tw-w-1/4 tw-px-2 tw-mb-4"> <!-- Card --> <div class="tw-border tw-border-blue-50 tw-shadow-craftcom tw-h-full tw-rounded-xl tw-flex tw-flex-wrap tw-items-center tw-p-4 "> <div class="tw-w-20 md:tw-w-24 tw-mx-auto tw-aspect-square tw-mt-4 tw-bg-white"> <svg id="zezwdpnlxi-a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 74 74"><path d="M55.119,14.049H18.881c-2.684,0-4.832,2.147-4.832,4.832V55.119c0,2.684,2.147,4.832,4.832,4.832H55.119c2.631,0,4.832-2.147,4.832-4.832V18.881c0-2.684-2.147-4.832-4.832-4.832" fill="none" stroke="#184cee" stroke-miterlimit="10" stroke-width="2"/><polygon points="47.683 26.832 34.645 40.852 28.901 35.048 25.698 38.215 34.747 47.359 50.983 29.898 47.683 26.832" fill="none" stroke="#184cee" stroke-miterlimit="10" stroke-width="2"/></svg> </div> <div class="tw-w-full tw-mt-6 "> <div class="tw-max-w-md tw-mx-auto"> <h2 class="tw-font-bold tw-mb-2 tw-text-base md:tw-text-lg tw-leading-tight tw-text-center">Craft included</h2> <div class="tw-text-sm md:tw-text-base md:tw-mb-2 tw-text-center"> All Team or Pro features are included with each corresponding project. No license needed. </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tw-bg-slate-50 tw-py-8" id="pricing"> <div class="tw-pf tw-mt-10 lg:tw-mt-20"> <div class="tw-max-w-7xl tw-mx-auto"> <h2 class="tw-text-5xl tw-leading-tight tw-font-sans tw-text-center">Predictable Pricing</h2> </div> </div> <div data-cloud-landing-pricing> <div class="l-pricing__tiers"> <div class="l-pricing-row l-pricing-row--auto"> <div class="l-pricing-row__col" style="z-index: 5"> <div data-cloud-landing-pricing-tier> <a class="card-e card-e--border" href="https://console.craftcms.com/accounts/me/cloud/projects"> <div class="card-e__inner"> <div class="card-e__content"> <div class="card-e__label"> <div class="edition-logo "> <div class="edition-logo__label">Team</div> <div class="edition-logo__label-qualifier"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><path d="M21.961,22.502H11.27c-2.2,0-3.705-1.467-3.705-3.242,0-1.505,1.081-3.011,2.625-3.242,0-2.586,2.393-3.705,4.13-2.818,.656-1.312,2.046-2.393,3.937-2.393,2.702,0,4.632,2.432,4.361,4.825,1.582,.309,2.818,1.737,2.818,3.396,0,1.93-1.582,3.474-3.474,3.474Z" fill="none" stroke="currentColor" stroke-miterlimit="10"/></svg> </div> </div> </div> <div class="card-e__details"> <p class="body-s">For when you’re building something for a small team.</p> </div> <div class="card-e__price"><span class="card-e__price-sign">$</span><span data-price data-checked="120" data-unchecked="130">120</span><span class="card-e__price-per-inline">/mo.</span></div> <div class="card-e__price-per"> <span data-price-per data-checked="per project" data-unchecked="per project">per project</span> <div class="card-e__price-details" data-price-per data-checked="Paid annually—save $10/mo." data-unchecked="Paid monthly">Paid annually—save $10/mo.</div> <div class="card-e__price-switch"> <label class="switch switch--neutral"> <span class="switch__label" for="team-billing-frequency">Monthly</span> <input aria-label="Team billing frequency" type="checkbox" id="team-billing-frequency" name="cloud-billing" value="1" checked> <span class="switch__toggle" for="team-billing-frequency"></span> <label for="team-billing-frequency" class="switch__label"> Annually </label> </label> </div> </div> <div class="card-e__btn"> <div class="js-btn btn btn--l "> <span class="btn__content">Start a free trial</span> </div> </div> </div> </div> </a> </div> <ul class="check-list check-list--pricing"> <div class="check-list__items"> <li class="check-list__item" aria-hidden> <span class='h-weight-bold h-color-black'> </span> </li> <li class="check-list__item"> <div class="check-list__item-text">Includes Craft Team <span class="list__tooltip"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> <div class="tooltip tooltip--rounded-focus js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">There’s no need to purchase Craft Team separately, as long as you’re hosted on Craft Cloud.</div> </div> </div> </span></div> </li> <li class="check-list__item"> <div class="check-list__item-text">Production and staging environment <span class="list__tooltip"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> <div class="tooltip tooltip--rounded-focus js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">Team includes 1 production and 1 additional environment, with 10GB asset storage per environment.</div> </div> </div> </span></div> </li> <li class="check-list__item"> <div class="check-list__item-text">Ample asset storage <span class="list__tooltip"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> <div class="tooltip tooltip--rounded-focus js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">Team includes 10GB asset storage per environment. Pro includes 20GB asset storage per environment.</div> </div> </div> </span></div> </li> <li class="check-list__item"> <div class="check-list__item-text">Unlimited build minutes and DB storage </div> </li> <li class="check-list__item"> <div class="check-list__item-text">Enterprise-grade firewall </div> </li> </div> </ul> </div> <div class="l-pricing-row__col" style="z-index: 4"> <div data-cloud-landing-pricing-tier> <a class="card-e card-e--border" href="https://console.craftcms.com/accounts/me/cloud/projects"> <div class="card-e__inner"> <div class="card-e__content"> <div class="card-e__label"> <div class="edition-logo "> <div class="edition-logo__label">Pro</div> <div class="edition-logo__label-qualifier"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><path d="M21.961,22.502H11.27c-2.2,0-3.705-1.467-3.705-3.242,0-1.505,1.081-3.011,2.625-3.242,0-2.586,2.393-3.705,4.13-2.818,.656-1.312,2.046-2.393,3.937-2.393,2.702,0,4.632,2.432,4.361,4.825,1.582,.309,2.818,1.737,2.818,3.396,0,1.93-1.582,3.474-3.474,3.474Z" fill="none" stroke="currentColor" stroke-miterlimit="10"/></svg> </div> </div> </div> <div class="card-e__details"> <p class="body-s">For when you’re building something professionally for a business or organization.</p> </div> <div class="card-e__price"><span class="card-e__price-sign">$</span><span data-price data-checked="240" data-unchecked="260">240</span><span class="card-e__price-per-inline">/mo.</span></div> <div class="card-e__price-per"> <span data-price-per data-checked="per project" data-unchecked="per project">per project</span> <div class="card-e__price-details" data-price-per data-checked="Paid annually—save $20/mo." data-unchecked="Paid monthly">Paid annually—save $20/mo.</div> <div class="card-e__price-switch"> <label class="switch switch--neutral"> <span class="switch__label" for="pro-billing-frequency">Monthly</span> <input aria-label="Pro billing frequency" type="checkbox" id="pro-billing-frequency" name="cloud-billing" value="1" checked> <span class="switch__toggle" for="pro-billing-frequency"></span> <label for="pro-billing-frequency" class="switch__label"> Annually </label> </label> </div> </div> <div class="card-e__btn"> <div class="js-btn btn btn--l "> <span class="btn__content">Start a free trial</span> </div> </div> </div> </div> </a> </div> <ul class="check-list check-list--pricing"> <div class="check-list__items"> <li class="check-list__item" > <span class='h-weight-bold h-color-black'>Everything in Team, plus:</span> </li> <li class="check-list__item"> <div class="check-list__item-text">Includes Craft Pro <span class="list__tooltip"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> <div class="tooltip tooltip--rounded-focus js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">There’s no need to purchase Craft Pro separately, as long as you’re hosted on Craft Cloud.</div> </div> </div> </span></div> </li> <li class="check-list__item"> <div class="check-list__item-text">One additional staging environment <span class="list__tooltip"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> <div class="tooltip tooltip--rounded-focus js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">Pro includes 1 production environment, and 2 additional environments, with 20GB asset storage per environment.</div> </div> </div> </span></div> </li> </div> </ul> </div> <div class="l-pricing-row__col" style="z-index: 3"> <div data-cloud-landing-pricing-tier> <a class="card-e card-e--border" href="https://craftcms.com/contact"> <div class="card-e__inner"> <div class="card-e__content"> <div class="card-e__label"> <div class="edition-logo "> <div class="edition-logo__label">Enterprise</div> <div class="edition-logo__label-qualifier"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><path d="M21.961,22.502H11.27c-2.2,0-3.705-1.467-3.705-3.242,0-1.505,1.081-3.011,2.625-3.242,0-2.586,2.393-3.705,4.13-2.818,.656-1.312,2.046-2.393,3.937-2.393,2.702,0,4.632,2.432,4.361,4.825,1.582,.309,2.818,1.737,2.818,3.396,0,1.93-1.582,3.474-3.474,3.474Z" fill="none" stroke="currentColor" stroke-miterlimit="10"/></svg> </div> </div> </div> <div class="card-e__details"> <p class="body-s">For when the project has enterprise-grade requirements.</p> </div> <div class="card-e__price"><span data-price ></span></div> <div class="card-e__price-per"> <span data-price-per >by request</span> </div> <div class="card-e__btn"> <div class="js-btn btn btn--l "> <span class="btn__content">Contact Us</span> </div> </div> </div> </div> </a> </div> <ul class="check-list check-list--pricing"> <div class="check-list__items"> <li class="check-list__item" > <span class='h-weight-bold h-color-black'>Everything in Pro, plus:</span> </li> <li class="check-list__item"> <div class="check-list__item-text">Custom license agreement </div> </li> <li class="check-list__item"> <div class="check-list__item-text">Custom infrastructure requirements </div> </li> <li class="check-list__item"> <div class="check-list__item-text">First-party SAML SSO </div> </li> <li class="check-list__item"> <div class="check-list__item-text">99.99% uptime SLA </div> </li> </div> </ul> </div> </div> </div> </div> <div class="l-wrap"> <div class="l-wrap__inner--wide"> <style> [data-pricing-table="pricingTableRowsCloud"] { --pricing-table-td-width-sm: 33.333333333333%; --pricing-table-th-width-lg: 34%; --pricing-table-td-width-lg: 22%; } </style> <div class="pricing-table" data-pricing-table="pricingTableRowsCloud"> <div class="pricing-table__inner-container"> <div class="pricing-table__header tw-bg-slate-50" data-pricing-table-header> <div class="pricing-table__faux-thead"> <div class="pricing-table__faux-tr"> <div class="pricing-table__faux-td"> <h2 class="pricing-table__section-heading-title heading-xs"></h2> </div> <div class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> <div class="edition-logo__label-qualifier"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><path d="M21.961,22.502H11.27c-2.2,0-3.705-1.467-3.705-3.242,0-1.505,1.081-3.011,2.625-3.242,0-2.586,2.393-3.705,4.13-2.818,.656-1.312,2.046-2.393,3.937-2.393,2.702,0,4.632,2.432,4.361,4.825,1.582,.309,2.818,1.737,2.818,3.396,0,1.93-1.582,3.474-3.474,3.474Z" fill="none" stroke="currentColor" stroke-miterlimit="10"/></svg> </div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> <div class="edition-logo__label-qualifier"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><path d="M21.961,22.502H11.27c-2.2,0-3.705-1.467-3.705-3.242,0-1.505,1.081-3.011,2.625-3.242,0-2.586,2.393-3.705,4.13-2.818,.656-1.312,2.046-2.393,3.937-2.393,2.702,0,4.632,2.432,4.361,4.825,1.582,.309,2.818,1.737,2.818,3.396,0,1.93-1.582,3.474-3.474,3.474Z" fill="none" stroke="currentColor" stroke-miterlimit="10"/></svg> </div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> <div class="edition-logo__label-qualifier"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><path d="M21.961,22.502H11.27c-2.2,0-3.705-1.467-3.705-3.242,0-1.505,1.081-3.011,2.625-3.242,0-2.586,2.393-3.705,4.13-2.818,.656-1.312,2.046-2.393,3.937-2.393,2.702,0,4.632,2.432,4.361,4.825,1.582,.309,2.818,1.737,2.818,3.396,0,1.93-1.582,3.474-3.474,3.474Z" fill="none" stroke="currentColor" stroke-miterlimit="10"/></svg> </div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> </div> </div> </div> <div class="pricing-table__section" id="cloud-infrastructure"> <div class="pricing-table__section-heading"> <div class="pricing-table__faux-thead"> <div class="pricing-table__faux-tr"> <div> <h2 class="pricing-table__section-heading-title heading-xs">Cloud Infrastructure</h2> <p class="pricing-table__section-heading-description body-xxs">Worry-free hosting, optimized for Craft</p> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> <div class="edition-logo__label-qualifier"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><path d="M21.961,22.502H11.27c-2.2,0-3.705-1.467-3.705-3.242,0-1.505,1.081-3.011,2.625-3.242,0-2.586,2.393-3.705,4.13-2.818,.656-1.312,2.046-2.393,3.937-2.393,2.702,0,4.632,2.432,4.361,4.825,1.582,.309,2.818,1.737,2.818,3.396,0,1.93-1.582,3.474-3.474,3.474Z" fill="none" stroke="currentColor" stroke-miterlimit="10"/></svg> </div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> <div class="edition-logo__label-qualifier"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><path d="M21.961,22.502H11.27c-2.2,0-3.705-1.467-3.705-3.242,0-1.505,1.081-3.011,2.625-3.242,0-2.586,2.393-3.705,4.13-2.818,.656-1.312,2.046-2.393,3.937-2.393,2.702,0,4.632,2.432,4.361,4.825,1.582,.309,2.818,1.737,2.818,3.396,0,1.93-1.582,3.474-3.474,3.474Z" fill="none" stroke="currentColor" stroke-miterlimit="10"/></svg> </div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> <div class="edition-logo__label-qualifier"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><path d="M21.961,22.502H11.27c-2.2,0-3.705-1.467-3.705-3.242,0-1.505,1.081-3.011,2.625-3.242,0-2.586,2.393-3.705,4.13-2.818,.656-1.312,2.046-2.393,3.937-2.393,2.702,0,4.632,2.432,4.361,4.825,1.582,.309,2.818,1.737,2.818,3.396,0,1.93-1.582,3.474-3.474,3.474Z" fill="none" stroke="currentColor" stroke-miterlimit="10"/></svg> </div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> </div> </div> </div> <table class="pricing-table__info-table"> <thead class="tw-sr-only"> <tr> <td></td> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> <div class="edition-logo__label-qualifier"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><path d="M21.961,22.502H11.27c-2.2,0-3.705-1.467-3.705-3.242,0-1.505,1.081-3.011,2.625-3.242,0-2.586,2.393-3.705,4.13-2.818,.656-1.312,2.046-2.393,3.937-2.393,2.702,0,4.632,2.432,4.361,4.825,1.582,.309,2.818,1.737,2.818,3.396,0,1.93-1.582,3.474-3.474,3.474Z" fill="none" stroke="currentColor" stroke-miterlimit="10"/></svg> </div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> <div class="edition-logo__label-qualifier"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><path d="M21.961,22.502H11.27c-2.2,0-3.705-1.467-3.705-3.242,0-1.505,1.081-3.011,2.625-3.242,0-2.586,2.393-3.705,4.13-2.818,.656-1.312,2.046-2.393,3.937-2.393,2.702,0,4.632,2.432,4.361,4.825,1.582,.309,2.818,1.737,2.818,3.396,0,1.93-1.582,3.474-3.474,3.474Z" fill="none" stroke="currentColor" stroke-miterlimit="10"/></svg> </div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> <div class="edition-logo__label-qualifier"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33 33"><path d="M21.961,22.502H11.27c-2.2,0-3.705-1.467-3.705-3.242,0-1.505,1.081-3.011,2.625-3.242,0-2.586,2.393-3.705,4.13-2.818,.656-1.312,2.046-2.393,3.937-2.393,2.702,0,4.632,2.432,4.361,4.825,1.582,.309,2.818,1.737,2.818,3.396,0,1.93-1.582,3.474-3.474,3.474Z" fill="none" stroke="currentColor" stroke-miterlimit="10"/></svg> </div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> </tr> </thead> <tbody> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Hosting </span> </th> <td> Craft Cloud </td> <td> Craft Cloud </td> <td> Craft Cloud and Custom </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Includes… </span> </th> <td> Craft Team </td> <td> Craft Pro </td> <td> Custom license agreement </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Environments <span class="pricing-table__row-heading-icon"> <span class="pricing-table__row-heading-icon-inner"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> </span> <div class="tooltip js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">One production environment, and any additional environments, ex. staging or one-off feature environments.</div> </div> </div> </span></span> </th> <td> 2 </td> <td> 3 </td> <td> Custom </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Included Asset Storage </span> </th> <td> 10GB per environment </td> <td> 20GB per environment </td> <td> Custom </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Upgradable Asset Storage <span class="pricing-table__row-heading-icon"> <span class="pricing-table__row-heading-icon-inner"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> </span> <div class="tooltip js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">Upgrade to 20GB per environment for +$10/month (Team only, already included in Pro), 50GB/env for +$50/month, or 250GB/env for +$100/month.</div> </div> </div> </span></span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> Custom </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Included DNS with SSL </span> </th> <td> 1 domain + unlimited subdomains </td> <td> 1 domain + unlimited subdomains </td> <td> Custom </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Upgradable number of domains <span class="pricing-table__row-heading-icon"> <span class="pricing-table__row-heading-icon-inner"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> </span> <div class="tooltip js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">Add additional domains + unlimited subdomains for +$20/domain/month.</div> </div> </div> </span></span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Build minutes </span> </th> <td> Unlimited </td> <td> Unlimited </td> <td> Unlimited </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Database storage </span> </th> <td> Unlimited </td> <td> Unlimited </td> <td> Unlimited </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Bandwidth <span class="pricing-table__row-heading-icon"> <span class="pricing-table__row-heading-icon-inner"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> </span> <div class="tooltip js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">Data transferred from your Craft application or asset storage to our edge delivery network. Cached responses are not subject to this limit.</div> </div> </div> </span></span> </th> <td> 250GB </td> <td> 500GB </td> <td> Custom </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Edge Bandwidth <span class="pricing-table__row-heading-icon"> <span class="pricing-table__row-heading-icon-inner"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> </span> <div class="tooltip js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">Data transferred from our edge delivery network to users.</div> </div> </div> </span></span> </th> <td> Unlimited </td> <td> Unlimited </td> <td> Unlimited </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> MySQL or Postgres <span class="pricing-table__row-heading-icon"> <span class="pricing-table__row-heading-icon-inner"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> </span> <div class="tooltip js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">Craft Cloud supports projects using MySQL and projects using Postgres.</div> </div> </div> </span></span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Global CDN </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Enterprise-grade firewall </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> </tbody> </table> </div> </div> </div> <style> [data-pricing-table="pricingTableRows"] { --pricing-table-td-width-sm: 33.333333333333%; --pricing-table-th-width-lg: 34%; --pricing-table-td-width-lg: 22%; } </style> <div class="pricing-table" data-pricing-table="pricingTableRows"> <div class="pricing-table__inner-container"> <div class="pricing-table__header tw-bg-slate-50" data-pricing-table-header> <div class="pricing-table__faux-thead"> <div class="pricing-table__faux-tr"> <div class="pricing-table__faux-td"> <h2 class="pricing-table__section-heading-title heading-xs"></h2> </div> <div class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> </div> </div> </div> <div class="pricing-table__section" id="content-management-author-experience"> <div class="pricing-table__section-heading"> <div class="pricing-table__faux-thead"> <div class="pricing-table__faux-tr"> <div> <h2 class="pricing-table__section-heading-title heading-xs">Content Management & Author Experience</h2> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> </div> </div> </div> <table class="pricing-table__info-table"> <thead class="tw-sr-only"> <tr> <td></td> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> </tr> </thead> <tbody> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Content Types </span> </th> <td> Unlimited </td> <td> Unlimited </td> <td> Unlimited </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Entries </span> </th> <td> Unlimited </td> <td> Unlimited </td> <td> Unlimited </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Pages </span> </th> <td> Unlimited </td> <td> Unlimited </td> <td> Unlimited </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Locales </span> </th> <td> Unlimited </td> <td> Unlimited </td> <td> Unlimited </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Asset Management </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Multi-site </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Search </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Live Preview </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Image Editor </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Content Versioning </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Content Scheduling </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Categories & Tags </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Customizable Dashboard </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> User Accounts </span> </th> <td> Five </td> <td> Unlimited </td> <td> Unlimited </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Custom Roles and Permissions </span> </th> <td> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Branded control panel <span class="pricing-table__row-heading-icon"> <span class="pricing-table__row-heading-icon-inner"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> </span> <div class="tooltip js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">Personalize the control panel for your brand.</div> </div> </div> </span></span> </th> <td> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Branded communication <span class="pricing-table__row-heading-icon"> <span class="pricing-table__row-heading-icon-inner"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> </span> <div class="tooltip js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">Customize system email messages and provide a custom email template.</div> </div> </div> </span></span> </th> <td> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Forms </span> </th> <td> With Plugin </td> <td> With Plugin </td> <td> With Plugin </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> SEO </span> </th> <td> With Plugin </td> <td> With Plugin </td> <td> With Plugin </td> </tr> </tbody> </table> </div> <div class="pricing-table__section" id="developer-experience"> <div class="pricing-table__section-heading"> <div class="pricing-table__faux-thead"> <div class="pricing-table__faux-tr"> <div> <h2 class="pricing-table__section-heading-title heading-xs">Developer Experience</h2> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> </div> </div> </div> <table class="pricing-table__info-table"> <thead class="tw-sr-only"> <tr> <td></td> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> </tr> </thead> <tbody> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> GraphQL API </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Powerful Template Engine </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Configuration and schema management </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Centralized license and plugin management </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Debug Toolbar </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> </tbody> </table> </div> <div class="pricing-table__section" id="extensibility"> <div class="pricing-table__section-heading"> <div class="pricing-table__faux-thead"> <div class="pricing-table__faux-tr"> <div> <h2 class="pricing-table__section-heading-title heading-xs">Extensibility</h2> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> </div> </div> </div> <table class="pricing-table__info-table"> <thead class="tw-sr-only"> <tr> <td></td> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> </tr> </thead> <tbody> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Plugin Store </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Custom-Built Plugins and Modules </span> </th> <td> Unlimited </td> <td> Unlimited </td> <td> Unlimited </td> </tr> </tbody> </table> </div> <div class="pricing-table__section" id="ecommerce"> <div class="pricing-table__section-heading"> <div class="pricing-table__faux-thead"> <div class="pricing-table__faux-tr"> <div> <h2 class="pricing-table__section-heading-title heading-xs">Ecommerce</h2> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> </div> </div> </div> <table class="pricing-table__info-table"> <thead class="tw-sr-only"> <tr> <td></td> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> </tr> </thead> <tbody> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> First-Party Craft Commerce Integration </span> </th> <td> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> First-Party Stripe Integration </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> First-Party Shopify Integration </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> </tbody> </table> </div> <div class="pricing-table__section" id="security-compliance"> <div class="pricing-table__section-heading"> <div class="pricing-table__faux-thead"> <div class="pricing-table__faux-tr"> <div> <h2 class="pricing-table__section-heading-title heading-xs">Security & Compliance</h2> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> </div> </div> </div> <table class="pricing-table__info-table"> <thead class="tw-sr-only"> <tr> <td></td> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> </tr> </thead> <tbody> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> 2FA <span class="pricing-table__row-heading-icon"> <span class="pricing-table__row-heading-icon-inner"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> </span> <div class="tooltip js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">Enhance user account security with two-step verification.</div> </div> </div> </span></span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Passkeys <span class="pricing-table__row-heading-icon"> <span class="pricing-table__row-heading-icon-inner"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16px" height="16px" style="overflow: visible;"><path d="M8,0C3.58,0,0,3.58,0,8s3.58,8,8,8,8-3.58,8-8S12.42,0,8,0Zm0,15c-3.87,0-7-3.13-7-7S4.13,1,8,1s7,3.13,7,7-3.13,7-7,7Z" fill="#9e9e9e"/><rect x="7.25" y="4" width="1.5" height="1.5" fill="#9e9e9e"/><rect x="7.25" y="7" width="1.5" height="5" fill="#9e9e9e"/></svg> </span> <div class="tooltip js-tooltip"> <div class="tooltip__box js-tooltip-box"> <div class="tooltip__content">Speed up logins with a passkey, based on fingerprint or facial recognition.</div> </div> </div> </span></span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> First-party SSO/SAML </span> </th> <td> </td> <td> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> GDPR Compliant </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> </tbody> </table> </div> <div class="pricing-table__section" id="support"> <div class="pricing-table__section-heading"> <div class="pricing-table__faux-thead"> <div class="pricing-table__faux-tr"> <div> <h2 class="pricing-table__section-heading-title heading-xs">Support</h2> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> </div> </div> </div> <table class="pricing-table__info-table"> <thead class="tw-sr-only"> <tr> <td></td> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> </tr> </thead> <tbody> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Community Support </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Email Support </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Dedicated Customer Support Manager </span> </th> <td> </td> <td> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> </tbody> </table> </div> <div class="pricing-table__section" id="billing"> <div class="pricing-table__section-heading"> <div class="pricing-table__faux-thead"> <div class="pricing-table__faux-tr"> <div> <h2 class="pricing-table__section-heading-title heading-xs">Billing</h2> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> <div class="pricing-table__faux-th" hidden> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </div> </div> </div> </div> <table class="pricing-table__info-table"> <thead class="tw-sr-only"> <tr> <td></td> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Team</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Pro</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> <th class="pricing-table__faux-th"> <div> <div class="edition-logo edition-logo--small"> <div class="edition-logo__label">Enterprise</div> </div> <div class="pricing-table__faux-th-subtitle body-xxs"></div> </div> </th> </tr> </thead> <tbody> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Pay by Credit Card </span> </th> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> <tr> <th> <span class="pricing-table__row-heading" style="position: relative"> Invoicing with Terms </span> </th> <td> </td> <td> </td> <td> <div style="max-width: 14px; max-height: 14px;"><?xml version="1.0" encoding="UTF-8"?> <svg width="19px" height="16px" viewBox="0 0 19 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: Sketch 51.1 (57501) - http://www.bohemiancoding.com/sketch --> <title>Group</title> <desc>Created with Sketch.</desc> <defs></defs> <g id="Partners" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Partners-Non-Modal" transform="translate(-964.000000, -586.000000)" stroke="#4A7CF6" stroke-width="2"> <g id="Group" transform="translate(964.000000, 586.000000)"> <polyline id="Path-2" points="0.804825908 7.45556428 5.76856549 14.0773471 18.0837539 0.833781407"></polyline> </g> </g> </g> </svg> </div> </td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> </div> </main> <footer class="site-footer "> <div class="site-footer__inner"> <div class="site-footer__logo"> <a href="https://craftcms.com/" aria-label="Craft CMS"> <svg xmlns="http://www.w3.org/2000/svg" width="140" height="35" viewBox="0 0 140 35"> <path fill="#E5422B" d="M48.4829545 20.7215909C46.1761364 20.7215909 44.9034091 19.25 45.2215909 17.1420455 45.5795455 14.9943182 47.3295455 13.5625 49.5965909 13.5625 50.7897727 13.5625 51.8636364 14.1193182 52.5 14.9545455L54.7272727 13.125C53.5340909 11.7727273 51.8238636 11.0965909 49.9943182 11.0965909 46.2556818 11.0965909 42.9943182 13.6022727 42.4375 17.1420455 41.8806818 20.7215909 44.2670455 23.1875 48.0454545 23.1875 49.9545455 23.1875 51.8636364 22.3920455 53.5340909 21.0795455L51.9431818 19.25C50.7897727 20.2840909 49.5965909 20.7215909 48.4829545 20.7215909M63.4375 11.2159091C63.4375 11.2159091 62.9602273 11.1363636 62.9204545 11.1363636 62.4034091 11.0568182 61.8465909 11.0965909 61.3295455 11.1363636 60.8522727 11.1761364 60.375 11.2556818 59.8977273 11.4147727 59.5 11.5340909 59.0625 11.6931818 58.7045455 11.9318182L58.7840909 11.375 56.0795455 11.375 54.25 22.9090909 56.9545455 22.9090909 58.0284091 16.1875C58.0681818 15.7897727 58.2272727 15.4318182 58.4261364 15.1136364 58.625 14.7954545 58.9034091 14.5170455 59.2215909 14.3181818 59.5397727 14.0795455 59.8579545 13.9204545 60.2159091 13.8011364 60.5738636 13.6818182 60.9318182 13.6022727 61.3295455 13.5625 61.8465909 13.5227273 62.4034091 13.5625 62.9204545 13.6818182 62.9204545 13.6818182 62.9602273 13.6818182 62.9602273 13.6818182 63.0397727 13.6818182 63.4375 11.2159091 63.4375 11.2159091M72.9034091 12.0909091C72.1477273 11.4545455 70.9943182 11.0965909 69.6420455 11.0965909 66.2613636 11.0965909 63.1988636 13.5227273 62.6022727 17.1022727 62.0454545 20.6818182 64.3920455 23.1079545 67.6534091 23.1079545 69.125 23.1079545 70.3579545 22.9090909 71.3920455 22.1931818L71.3125 22.8295455 73.7784091 22.8295455 75.5681818 11.375 73.0227273 11.375 72.9034091 12.0909091zM72.3465909 17.1022727L72.3465909 17.1022727C71.9886364 19.2897727 70.3579545 20.8011364 68.25 20.8011364 66.1022727 20.8011364 64.8693182 19.2102273 65.2272727 17.0625 65.5852273 14.9147727 67.2954545 13.4034091 69.4034091 13.4034091 71.5113636 13.4431818 72.6647727 14.9147727 72.3465909 17.1022727L72.3465909 17.1022727zM88.0568182 11.375L88.5738636 8.11363636 85.4715909 10.3409091 85.3125 11.4147727 81.8125 11.4147727 82.1704545 9.22727273C82.3693182 8.19318182 83.4829545 8.23295455 83.4829545 8.23295455L84.7954545 8.23295455 85.1931818 5.84659091 83.6818182 5.84659091 83.3238636 5.84659091C79.625 5.84659091 79.5056818 8.71022727 79.5056818 8.71022727L79.2670455 10.0625 79.0681818 11.4147727 78.8295455 11.4147727 75.8068182 13.8011364 78.6704545 13.8011364 76.8409091 25.4545455 79.625 25.4545455 81.4545455 13.7613636 84.9545455 13.7613636 83.5227273 22.9090909 86.2670455 22.9090909 87.6988636 13.7613636 91.1193182 13.7613636 91.5170455 11.375 88.0568182 11.375zM95.4147727 17.1420455C95.9715909 13.6022727 99.1931818 11.0965909 102.971591 11.0965909 104.801136 11.0965909 106.511364 11.8125 107.704545 13.125L105.477273 14.9545455C104.840909 14.1193182 103.767045 13.5625 102.573864 13.5625 100.306818 13.5625 98.5568182 15.0340909 98.1988636 17.1420455 97.8806818 19.25 99.1534091 20.7215909 101.460227 20.7215909 102.573864 20.7215909 103.767045 20.2840909 104.920455 19.25L106.511364 21.0795455C104.840909 22.4318182 102.931818 23.1875 101.022727 23.1875 97.2443182 23.1875 94.8579545 20.7215909 95.4147727 17.1420455M127.630682 15.9090909L126.556818 22.9090909 123.852273 22.9090909 124.926136 16.1079545C125.204545 14.5170455 124.329545 13.5625 122.778409 13.5625 121.147727 13.5625 119.517045 14.5568182 119.278409 16.1875L118.204545 22.9090909 115.5 22.9090909 116.573864 16.1079545C116.8125 14.5568182 115.897727 13.6022727 114.426136 13.5625 112.914773 13.6420455 111.164773 14.5965909 110.926136 16.1875L109.852273 22.9090909 107.147727 22.9090909 108.977273 11.375 111.681818 11.375 111.602273 11.9318182C112.517045 11.375 113.551136 11.1363636 114.863636 11.0965909L115.102273 11.0965909C116.772727 11.0965909 118.125 11.7727273 118.840909 12.9261364 119.954545 11.7727273 121.664773 11.0965909 123.375 11.0965909 126.318182 11.0965909 128.107955 13.0454545 127.630682 15.9090909M127.511364 21.5170455L129.181818 19.4488636C130.096591 20.1647727 131.846591 20.7215909 133.318182 20.7215909 134.670455 20.7215909 136.022727 20.4431818 136.181818 19.5284091 136.301136 18.8125 134.988636 18.5738636 133.517045 18.3352273 130.454545 17.8181818 128.903409 17.1818182 129.221591 14.875 129.698864 11.9715909 132.681818 11.1363636 135.147727 11.1363636 136.897727 11.1363636 138.727273 11.7329545 139.960227 12.5681818L138.289773 14.6363636C137.335227 14.0397727 136.102273 13.6022727 134.710227 13.6022727 133.079545 13.6022727 132.125 14.0795455 132.005682 14.8352273 131.926136 15.3522727 132.363636 15.5511364 134.272727 15.8693182 137.056818 16.3465909 139.363636 16.7840909 138.926136 19.4488636 138.568182 21.875 136.102273 23.2272727 132.880682 23.2272727 131.090909 23.1875 128.784091 22.5511364 127.511364 21.5170455M30.4261364 0L3.57954545 0C1.59090909 0 0 1.59090909 0 3.57954545L0 30.4261364C0 32.4147727 1.59090909 34.0056818 3.57954545 34.0056818L30.4261364 34.0056818C32.375 34.0056818 34.0056818 32.4147727 34.0056818 30.4261364L34.0056818 3.57954545C34.0056818 1.59090909 32.4147727 0 30.4261364 0M16.9431818 20.7215909C18.0568182 20.7215909 19.25 20.2840909 20.4034091 19.25L21.9943182 21.0795455C20.3238636 22.4318182 18.4147727 23.1875 16.5056818 23.1875 12.7272727 23.1875 10.3409091 20.6818182 10.8977273 17.1420455 11.4545455 13.6022727 14.6761364 11.0965909 18.4545455 11.0965909 20.2840909 11.0965909 21.9943182 11.8125 23.1875 13.125L20.9602273 14.9545455C20.3238636 14.1193182 19.25 13.5625 18.0568182 13.5625 15.7897727 13.5625 14.0397727 15.0340909 13.6818182 17.1420455 13.3636364 19.25 14.6363636 20.7215909 16.9431818 20.7215909"/> </svg> </a> </div> <nav class="site-footer__nav" aria-label="Primary"> <span class="site-footer__nav-item"> <a href="https://craftcms.com/features" >Product</a> <nav class="site-footer__subnav" aria-label="Secondary"> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/features" > <span>Features</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/cloud" > <span>Cloud</span><span class="tw-ml-2"><span class=" tw-inline-block tw-rounded-full tw-px-[0.75em] tw-py-[0.375em] tw-bg-[#637599] tw-text-white tw-text-[0.5em] tw-tracking-wide tw-leading-none -tw-translate-y-[0.3em] tw-no-underline hover:tw-no-underline focus:tw-no-underline" style="font-size: max(10px, 0.5em)">New!</span></span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/commerce" > <span>Commerce</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/demo" > <span>Demo</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/vs-wordpress" > <span>Craft vs. WordPress</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/terms-of-use" > <span>Terms of Use</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://github.com/craftcms/cms/blob/5.x/CHANGELOG.md" target="_blank" rel="noopener me"> <span>Changelog</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/roadmap" > <span>Roadmap</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/pricing" > <span>Pricing</span></a> </span> </nav> </span> <span class="site-footer__nav-item"> <a href="https://craftcms.com/knowledge-base" >Resources</a> <nav class="site-footer__subnav" aria-label="Secondary"> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/docs/" target="_blank" rel="noopener me"> <span>Documentation</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/knowledge-base" > <span>Knowledge Base</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/starters" > <span>Starters</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://plugins.craftcms.com" target="_blank" rel="noopener me"> <span>Plugin Store</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://console.craftcms.com" target="_blank" rel="noopener me"> <span>Craft Console</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/accessibility" > <span>Accessibility</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/partners" > <span>Partners</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/events" > <span>Events</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://status.craftcms.com/" target="_blank" rel="noopener me"> <span>Status</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/blog" > <span>Blog</span></a> </span> </nav> </span> <span class="site-footer__nav-item"> <a href="https://craftcms.com/about" >About</a> <nav class="site-footer__subnav" aria-label="Secondary"> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/brand-resources" > <span>Brand Resources</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/legal" > <span>Legal</span></a> </span> </nav> </span> <span class="site-footer__nav-item"> <a href="https://craftcms.com/community" >Community</a> <nav class="site-footer__subnav" aria-label="Secondary"> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/docs/4.x/coc.html" target="_blank" rel="noopener me"> <span>Code of Conduct</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://craftcms.com/meetups" > <span>Meetups</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://bsky.app/profile/craftcms.com" target="_blank" rel="noopener me"> <img class="site-footer__subnav-item-icon" src="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/assets/icons/bluesky.svg" alt="Bluesky"> <span>Bluesky</span></a> </span> <span class="site-footer__subnav-item"> <a href="https://masto.craftcms.com/@craftcms" target="_blank" rel="noopener me"> <img class="site-footer__subnav-item-icon" src="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/assets/icons/mastodon.svg" alt="Logo Mastodon"> <span>Mastodon</span></a> </span> </nav> </span> </nav> <div class="site-footer__right"> <div class="site-footer__contact"> <a class="js-btn btn btn--rect" href="https://craftcms.com/contact"> <span class="btn__content">Contact Us</span> </a> </div> <div class="site-footer__newsletter"> <a class="btn btn--newsletter" href="https://craftcms.com/newsletter/subscribe" target="_blank" rel="noopener" > <span class="btn__content">Subscribe to Our Newsletter</span> <svg width="20px" height="16px" viewBox="0 0 20 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Nav/Footer" transform="translate(-1285.000000, -336.000000)" stroke="#202020" stroke-width="2"> <g id="Group" transform="translate(1285.000000, 337.000000)"> <path d="M0,7.2 L17.5728451,7.2" id="Path-3"></path> <polyline id="Rectangle" transform="translate(10.800000, 7.200000) rotate(-315.000000) translate(-10.800000, -7.200000) " points="5.76 2.16 15.84 2.16 15.84 12.24"></polyline> </g> </g> </g> </svg> </a> <p class="site-footer__newsletter-etc">Regular updates on all things Craft</p> </div> </div> <div class="site-footer__copyright"> © 2025 Pixel & Tonic, Inc. <a href="https://craftcms.com/privacy">Privacy Statement</a> <a class="cc-revoke" href="https://craftcms.com/privacy">Cookie Notice</a> </div> <div class="site-footer__credits"> a product by <a href="https://pixelandtonic.com" target="_blank"><img src="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/dist/images/pixel-tonic-logo@2x.png" alt="Pixel & Tonic"></a> </div> </div> </footer> </div> <div class="l-site-search js-site-search" id="js-site-search"> <div class="l-site-search__inner"> <div class="l-site-search__overlay js-search-toggle"></div> <button class="l-site-search__close js-search-toggle" type="button" aria-label="Close search"></button> <div class="l-site-search__form-container" id="js-site-search-form-container"> <div class="l-site-search__form"> <div class="search-bar search-bar--site-search search-bar--l"> <div class="search-bar__shadow"></div> <div class="search-bar__inner"> <form action="https://craftcms.com/search" id="js-site-search-form"> <label for="qSearch" class="h-hide-visually">Search website</label> <input type="search" name="qSearch" id="qSearch" class="js-site-search-input search-bar__input" placeholder="What are you looking for?" aria-label="Search website"> <svg width="23px" height="23px" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Header-Signed-In" transform="translate(-1288.000000, -115.000000)" stroke="#0F0F0F" stroke-width="2"> <g id="Group" transform="translate(1288.000000, 112.000000)"> <circle id="Oval-2" transform="translate(14.000000, 12.000000) rotate(-315.000000) translate(-14.000000, -12.000000) " cx="14" cy="12" r="8"></circle> <path d="M5,16 L5,26" id="Path-4" transform="translate(5.000000, 21.000000) rotate(-315.000000) translate(-5.000000, -21.000000) "></path> </g> </g> </g> </svg> <input type="submit" value="Submit" class="h-hide-visually" tabindex="-1"> </form> </div> </div> </div> </div> <div class="l-site-search__dropdown" id="js-site-search-results-container"> <div class="l-site-search__dropdown-content" id="js-site-search-results" data-loading-img="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/dist/images/icon-loading.png"></div> </div> </div> </div> <script src="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/dist/scripts/app.js"></script> <script type="application/ld+json">{"@context":"http://schema.org","@graph":[{"@type":"WebApplication","author":{"@id":"https://pixelandtonic.com/#identity"},"copyrightHolder":{"@id":"https://pixelandtonic.com/#identity"},"creator":{"@id":"#creator"},"description":"Craft Cloud is a scalable hosting platform, by the team behind Craft.","image":{"@type":"ImageObject","url":"https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/artifacts/cloud-landing/og-image.png"},"mainEntityOfPage":"https://craftcms.com/cloud","name":"Craft Cloud — Craft CMS hosting you can trust.","url":"https://craftcms.com/cloud"},{"@id":"https://pixelandtonic.com/#identity","@type":"WebApplication","description":"We’re the team behind Craft CMS.","image":{"@type":"ImageObject","height":"90","url":"https://craftcms-com.s3.amazonaws.com/logos/pixel-and-tonic.png","width":"367"},"name":"Pixel & Tonic, Inc.","sameAs":["https://www.facebook.com/craftcms/","https://www.linkedin.com/company/craftcms","https://www.instagram.com/craftcms","https://github.com/craftcms","https://vimeo.com/craftcms","https://bsky.app/profile/craftcms.com","https://www.threads.net/@craftcms"],"url":"https://pixelandtonic.com/"},{"@id":"#creator","@type":"ProfessionalService","image":{"@type":"ImageObject","height":"612","url":"http://craftcms-com.s3.amazonaws.com/logos/one-design-company.png","width":"792"},"priceRange":"$"},{"@type":"BreadcrumbList","description":"Breadcrumbs list","itemListElement":[{"@type":"ListItem","item":"https://craftcms.com/","name":"Homepage","position":1}],"name":"Breadcrumbs"}]}</script><script src="https://cdn.craft.cloud/032c8560-18a8-45ba-a958-a03804e5cb66/builds/9e66bc3f-3dd0-45f3-bee8-6a3fdc776530/cpresources/plugins-onecookieconsent-src-assetbundles-dist-scripts/cookieconsent.js?v=1741640855"></script></body> </html>