Pricing and Plan Information

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <meta http-equiv="Content-Security-Policy" content=" default-src 'self' d3r49iyjzglexf.cloudfront.net dsbai75kcyzl9.cloudfront.net d2qm0z2kzhiwa.cloudfront.net; img-src 'self' data: http: https:; script-src 'self' d3r49iyjzglexf.cloudfront.net dsbai75kcyzl9.cloudfront.net d2qm0z2kzhiwa.cloudfront.net www2.circleci.com j.6sc.co *.algolia.net *.algolianet.com https://cdn-assets-prod.s3.amazonaws.com/js/preview2/ https://r2d2-inbound-js-store-production.s3.us-east-1.amazonaws.com/065621a0-abdf-4dad-b9b3-28b202628b05/jeeva.js https://s3-us-west-2.amazonaws.com/b2bjsstore/b/LNKLDHM3E2OJ/reb2b.js.gz cdn.amplitude.com https://www.clarity.ms/tag/uet/ tags.clickagy.com https://a.clickcertain.com/px/li/ cdnjs.cloudflare.com/ajax/libs/ dn1f1hmdujj40.cloudfront.net/js/ consent.cookiebot.com consentcdn.cookiebot.com https://www.datadoghq-browser-agent.com googleads.g.doubleclick.net/pagead/ connect.facebook.net www.google.ca/pagead/ www.google.co.jp/pagead/ www.google.co.uk/pagead/ www.google.com/pagead/ https://www.google.com/recaptcha/ www.google.ie/pagead/ www.google-analytics.com www.googleadservices.com/pagead/ www.googletagmanager.com https://boards.greenhouse.io/embed/job_board/js https://www.gstatic.com/recaptcha/ https://b.st-hatena.com/js/bookmark_button.js *.hotjar.com *.hotjar.io https://js.hs-analytics.net/analytics/ https://js.hsadspixel.net/fb.js https://js.hs-banner.com/v2/45466221/banner.js js.hs-scripts.com/45466221.js https://js.hscollectedforms.net/collectedforms.js https://js.hsforms.net/forms/embed/v2.js https://js.hubspot.com/web-interactives-embed.js cdn.jsdelivr.net/clipboard.js/ https://cdn.jsdelivr.net/npm/algoliasearch@4.24.0/dist/algoliasearch-lite.umd.js https://cdn.jsdelivr.net/npm/instantsearch.js@4.74.2/dist/instantsearch.production.min.js https://cdn.jsdelivr.net/npm/intl-tel-input@18.1.5/build/js/utils.js https://b-code.liadm.com/lc2.js https://i.liadm.com/s/56408 https://www.line-website.com/social-plugins/js/thirdparty/loader.min.js munchkin.marketo.net snap.licdn.com/li.lms-analytics/ in.ml314.com ml314.com cdn.optimizely.com/js/ cdn3.optimizely.com/js/ app.optimizely.com https://master-py3-monolithapp.app.optimizely.com/ https://optimizely.s3.amazonaws.com/js/ platform.twitter.com *.qualified.com a.quora.com https://a.remarketstats.com/px/li-co/ cdn.segment.com https://cdn.sprig.com https://tags.srv.stackadapt.com/events.js cookie.sync.usonar.jp cdn.cookie.sync.usonar.jp apis.usonar.jp https://a.usbrowserspeed.com/cs https://opps-widget.getwarmly.com www.youtube.com/iframe_api www.youtube.com/s/player/ https://ws.zoominfo.com/pixel/ 'unsafe-inline' 'unsafe-eval' https://unpkg.com/@highlightjs/; style-src 'self' d3r49iyjzglexf.cloudfront.net dsbai75kcyzl9.cloudfront.net d2qm0z2kzhiwa.cloudfront.net www2.circleci.com fonts.googleapis.com www.googletagmanager.com/debug/ https://cdn.jsdelivr.net/npm/instantsearch.css@8.5.1/themes/reset-min.css https://tags.srv.stackadapt.com/sa.css *.qualified.com 'unsafe-inline' https://unpkg.com/@highlightjs/; font-src 'self' d3r49iyjzglexf.cloudfront.net dsbai75kcyzl9.cloudfront.net d2qm0z2kzhiwa.cloudfront.net fonts.gstatic.com/s/ *.hotjar.com *.hotjar.io; frame-src 'self' www2.circleci.com consentcdn.cookiebot.com bid.g.doubleclick.net https://td.doubleclick.net www.facebook.com https://www.google.com/ www.googletagmanager.com https://boards.greenhouse.io https://b.hatena.ne.jp/entry/button/ https://*.hotjar.com *.hotjar.io https://forms.hsforms.com/ https://social-plugins.line.me/widget/ a8188917468.cdn.optimizely.com *.qualified.com platform.twitter.com syndication.twitter.com player.vimeo.com www.youtube.com https://job-boards.greenhouse.io; base-uri 'self'; connect-src 'self' d3r49iyjzglexf.cloudfront.net dsbai75kcyzl9.cloudfront.net d2qm0z2kzhiwa.cloudfront.net https://*.circleci.com/ http://localhost:5338 c.6sc.co https://eps.6sc.co/v3/company/details https://epsilon.6sense.com/v3/company/details https://epsilon-globalaccelerator.6sense.com/v3/company/details https://epsilon-cloudfront.6sense.com/v3/company/details https://ipv6.6sc.co/ https://v.eps.6sc.co/v ib.adnxs.com https://secure.adnxs.com/ *.algolia.net *.algolianet.com https://alocdn.com/c/vn3d8u2u/a/xtarget/p.json https://cdn-assets-prod.s3.amazonaws.com/js/preview2/ api.amplitude.com https://azureatom2.westus3.cloudapp.azure.com:9091/ws/simple/ https://*.browser-intake-datadoghq.com https://aorta.clickagy.com hemsync.clickagy.com/external/ https://cdn.contentful.com/spaces/il1yandlcjgk/environments/master/ https://consentcdn.cookiebot.com/consentconfig/a28b71f3-4d2e-4eac-93bc-34929948dd7d/settings.json https://consentcdn.cookiebot.com/consentconfig/f367f93a-d685-4a2d-8111-1beb2859536e/settings.json *.g.doubleclick.net https://www.facebook.com/tr/ https://opps-api.getwarmly.com/api/sessions/trpc/ https://opps-api.getwarmly.com/api/socketio/ wss://opps-api.getwarmly.com/api/socketio/ https://analytics.google.com/g/ https://google.com/ccm/form-data/ www.google.ca/pagead/ www.google.co.jp/pagead/ www.google.co.uk/pagead/ www.google.com/pagead/ https://google.com/pagead/form-data/ www.google.ie/pagead/ www.google-analytics.com www.googleadservices.com/pagead/ https://www.google.com/ccm/collect *.hotjar.com:* *.hotjar.com *.hotjar.io wss://ws.hotjar.com/api/v2/client/ws https://hubspot-forms-static-embed.s3.amazonaws.com/prod/45466221/ https://forms.hscollectedforms.net/collected-forms/v1/config/json https://forms.hsforms.com/embed/v3/form/45466221/ https://forms.hsforms.com/emailcheck/v1/ https://cta-service-cms2.hubspot.com/web-interactives/public/v1/embed/combinedConfigs https://api.hubapi.com/hs-script-loader-public/v1/config/pixels-and-events/json https://forms-na1.hubspot.com/submissions-validation/v1/validate/ https://pro.ip-api.com/json https://ipapi.co/json *.liadm.com https://px.ads.linkedin.com/attribution_trigger https://px.ads.linkedin.com/wa/ 485-zmh-626.mktoresp.com/webevents/ app.optimizely.com/api/client/ errors.client.optimizely.com/log logx.optimizely.com/v1/events https://master-py3-monolithapp.app.optimizely.com/api/client/ tapi.optimizely.com/api/ *.qualified.com wss://ws.qualified.com https://api.rollbar.com/api/1/item/ api.segment.io/v1/ cdn.segment.com/v1/ https://api.sprig.com https://cdn.sprig.com https://tags.srv.stackadapt.com/sa.jpeg https://tags.srv.stackadapt.com/saq_pxl https://tags.srv.stackadapt.com/js_tracking ws.zoominfo.com/pixel/; object-src 'none'; form-action 'self' www.facebook.com/tr/ https://forms.hsforms.com/submissions/v3/public/submit/formsnext/multipart/ platform.twitter.com syndication.twitter.com; media-src 'self' d3r49iyjzglexf.cloudfront.net dsbai75kcyzl9.cloudfront.net d2qm0z2kzhiwa.cloudfront.net https://videos.ctfassets.net/il1yandlcjgk/ mediastream: *.qualified.com; "> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="a28b71f3-4d2e-4eac-93bc-34929948dd7d" type="text/javascript" async></script> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> <script data-cookieconsent="marketing" type="text/plain"> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W9HDVK'); </script> <link rel="apple-touch-icon" sizes="180x180" href="https://d2qm0z2kzhiwa.cloudfront.net/assets/apple-touch-icon-ae782d6339f660e1c51fe68f58d7f0bb.png"> <link rel="icon" type="image/png" sizes="512x512" href="https://d2qm0z2kzhiwa.cloudfront.net/assets/android-chrome-512x512-b0a3962c7ec90ae60cb31f99a3fc37b5.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://d2qm0z2kzhiwa.cloudfront.net/assets/android-chrome-192x192-4b4b8e31a8e09d0c50661d56be7abe09.png"> <link rel="icon" type="image/png" sizes="150x150" href="https://d2qm0z2kzhiwa.cloudfront.net/assets/android-chrome-192x192-4b4b8e31a8e09d0c50661d56be7abe09.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://d2qm0z2kzhiwa.cloudfront.net/assets/favicon-32x32-b99b3f32c912ffa11871fca4c1bc9794.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://d2qm0z2kzhiwa.cloudfront.net/assets/favicon-16x16-3753a156e703f3623e04c22092c57784.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="mask-icon" href="https://d2qm0z2kzhiwa.cloudfront.net/assets/safari-pinned-tab-762525fdd8903e935f141a92dd70b325.svg" color="#04aa51"> <link rel="shortcut icon" href="https://d2qm0z2kzhiwa.cloudfront.net/assets/favicon-a4b5df34fe849ecd8018a252dbf89a6c.ico"> <meta name="apple-mobile-web-app-title" content="CircleCI"> <meta name="application-name" content="CircleCI"> <meta name="msapplication-TileColor" content="#161616"> <meta name="msapplication-square150x150logo" content="https://d2qm0z2kzhiwa.cloudfront.net/assets/mstile-150x150-126d37f348480d7ae2b632e3033a2f25.png" /> <meta name="theme-color" content="#ffffff"> <link rel="alternate" hreflang="x-default" href="https://circleci.com/pricing/"> <link rel="alternate" hreflang="en" href="https://circleci.com/pricing/"> <link rel="alternate" hreflang="ja" href="https://circleci.com/ja/pricing/"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet" /> <link type="text/css" rel="stylesheet" href="https://d2qm0z2kzhiwa.cloudfront.net/assets/morph/main-16f266d0e6665c4b503bb046e92df642.css" > <meta name="next-head-count" content="2"/> <link rel="preload" href="/morph_next/static/css/7611f6c9d082489e.css" as="style" crossorigin=""/> <link rel="stylesheet" href="/morph_next/static/css/7611f6c9d082489e.css" crossorigin="" data-n-g=""/> <noscript data-n-css=""></noscript> <script defer="" crossorigin="" nomodule="" src="/morph_next/static/chunks/polyfills-42372ed130431b0a.js" data-cookieconsent="necessary"></script> <script src="/morph_next/static/chunks/webpack-6ef43a8d4a395f49.js" defer="" crossorigin="" data-cookieconsent="necessary"></script> <script src="/morph_next/static/chunks/framework-64ad27b21261a9ce.js" defer="" crossorigin="" data-cookieconsent="necessary"></script> <script src="/morph_next/static/chunks/main-7b12177a9cb3396c.js" defer="" crossorigin="" data-cookieconsent="necessary"></script> <script src="/morph_next/static/chunks/pages/app-7376679e14d4fe10.js" defer="" crossorigin="" data-cookieconsent="necessary"></script> <script src="/morph_next/static/chunks/648-ba75fa11a3e63435.js" defer="" crossorigin="" data-cookieconsent="necessary"></script> <script src="/morph_next/static/chunks/65-66da4f537e134fcd.js" defer="" crossorigin="" data-cookieconsent="necessary"></script> <script src="/morph_next/static/chunks/pages/potato-638eb4b6cbcf5da3.js" defer="" crossorigin="" data-cookieconsent="necessary"></script> <script src="/morph_next/static/Fn0kBWB7zo4P4wliJ7PSO/buildManifest.js" defer="" crossorigin="" data-cookieconsent="necessary"></script> <script src="/morph_next/static/Fn0kBWB7zo4P4wliJ7PSO/ssgManifest.js" defer="" crossorigin="" data-cookieconsent="necessary"></script> <script type="text/javascript"> (function () { window.analyticsPageProperties = { pageCategory: "pricing", pageName: "default", singleEvent: null, layout: "morph/default", collection: null, pageContentType: null, }; })(); window.thirdPartyIds = { }; window.circleJsConfig = { analytics: { enable: true }, page: { lang: "en" }, env: "production" }; </script> <script> !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t){var e=document.createElement("script");e.type="text/javascript";e.async=!0;e.src=("https:"===document.location.protocol?"https://":"http://")+"cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(e,n)};analytics.SNIPPET_VERSION="3.1.0";}}(); </script> <script data-cookieconsent="statistics" type="text/plain"> analytics.load("AbgkrgN4cbRhAVEwlzMkHbwvrXnxHh35"); </script> <title>Pricing and Plan Information - CircleCI</title> <meta property="og:title" content="Pricing and Plan Information" /> <meta name="description" content="Start building on CircleCI for free. Plans scale as you go: choose the machines and resources your team needs to go fast." /> <meta property="og:description" content="Start building on CircleCI for free. Plans scale as you go: choose the machines and resources your team needs to go fast." /> <link rel="canonical" href="https://circleci.com/pricing/" /> <meta property="og:url" content="https://circleci.com/pricing/" /> <meta property="og:site_name" content="CircleCI" /> <meta property="og:image" content="https://images.ctfassets.net/il1yandlcjgk/3NJSDelkFaAtnyFOJNghjQ/df5d4218a3ca83233e471c7eab072b90/circleci-og-morph.png" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@circleci" /> <meta name="facebook-domain-verification" content="nnlbym6zbwhtcivy2t5hbes5vvvjpu" /> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "WebPage", "headline": "Pricing and Plan Information", "image": "https://images.ctfassets.net/il1yandlcjgk/3NJSDelkFaAtnyFOJNghjQ/df5d4218a3ca83233e471c7eab072b90/circleci-og-morph.png", "description": "Start building on CircleCI for free. Plans scale as you go: choose the machines and resources your team needs to go fast.", "url": "https://circleci.com/pricing/" } </script>  <script> !function(){function e(e){document.body.classList.remove("loggedout","loggedin","customer"),document.body.classList.add(e),window.dispatchEvent(new Event("shown."+e))}function o(){var o=getQueryParam("view");"loggedout"==o?e("loggedout"):sessionStorage.getItem("login")?e("loggedin"):"whats-new"==o||localStorage.getItem("is_customer")?e("customer"):e("loggedout")}"loading"===document.readyState?document.addEventListener("DOMContentLoaded",o):o()}(); </script> <noscript> <link type="text/css" rel="stylesheet" href="https://d2qm0z2kzhiwa.cloudfront.net/assets/components/molecules/molecule-customers-status-noscript-aff7888814e9a5acc7d9d03df9414784.css" > </noscript> </head> <body class=" "> <noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-W9HDVK" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="tailwind" id="tw"><div id="__next"></div></div> <script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{}},"page":"/potato","query":{},"buildId":"Fn0kBWB7zo4P4wliJ7PSO","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script> <main id="main"><section class="morph_bg-morph-midnight morph_overflow-hidden"> <div class="2xl:morph_container morph_mx-auto morph_px-8 lg:morph_px-16 morph_pt-20"> <h1 class="morph_type-h1 morph_text-white sm:morph_mr-30">The most flexible usage-based CI/CD anywhere</h1> <div class="morph_relative morph_mt-10 morph_pb-20"> <div class="morph_rounded-full morph_w-max morph_p-px morph_bg-gradient-to-r morph_to-morph-engineer-tears morph_from-slime-500"> <a href="/pricing/server/" class="morph_flex morph_bg-9pm-500 morph_rounded-full morph_w-max morph_p-2 morph_gap-4 morph_group" > <div class="morph_button morph_button-white morph_min-w-32 morph_text-center">Cloud</div> <div class="morph_button morph_border-transparent morph_text-white morph_min-w-32 morph_text-center morph_transition-colors group-hover:morph_bg-9pm-600 group-active:morph_bg-9pm-700">Server</div> </a> </div> <div class="morph_hidden sm:morph_block morph_absolute morph_-right-30 morph_-bottom-30 morph_text-morph-engineer-tears"> <svg width="480" height="424" viewBox="0 0 480 424" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M297 48C297 56.8366 304.163 64 313 64L343 64C351.837 64 359 71.1634 359 80V168C359 176.837 351.837 184 343 184H240L240 184H136C127.164 184 120 191.163 120 200L120 287C120 295.837 112.837 303 104 303H16C7.16345 303 9.95191e-06 310.163 9.17939e-06 319L1.39876e-06 408C6.26248e-07 416.837 7.16345 424 16 424H105C113.837 424 121 416.837 121 408L121 320C121 311.163 128.163 304 137 304H240H240H343C351.837 304 359 311.163 359 320V351C359 359.837 366.163 367 375 367H407C415.837 367 423 359.837 423 351V319C423 310.163 415.837 303 407 303H376C367.163 303 360 295.837 360 287V201C360 192.163 367.163 185 376 185L464 185C472.837 185 480 177.837 480 169V79C480 70.1635 472.837 63 464 63L377 63C368.163 63 361 55.8366 361 47V16C361 7.16345 353.837 3.38772e-06 345 2.86102e-06L313 9.53674e-07C304.163 4.26975e-07 297 7.16345 297 16V48Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_flex morph_gap-8 morph_relative morph_flex-col sm:morph_flex-row sm:morph_flex-wrap lg:morph_flex-nowrap"> <div class="morph_bg-white morph_py-12 morph_px-8 xl:morph_px-16 morph_rounded-2xl morph_w-full morph_flex morph_flex-col morph_gap-8 morph_items-center sm:morph_w-[calc(50%-1rem)] lg:morph_w-1/3"> <div class="morph_space-y-8 morph_w-full "> <div> <h3 class="morph_type-h3 morph_text-morph-terminal morph_mb-4">Free</h3> <p class="morph_type-p morph_text-balance">All our premium features. For free.</p> </div> <div> <p class="morph_text-small morph_mb-2">No credit card required.</p> <div class="morph_type-p"> <span class="morph_type-h2 morph_text-morph-terminal">$0</span> /month </div> </div> <div class="morph_flex morph_gap-6 morph_flex-col sm:morph_flex-row morph_items-start sm:morph_items-center"> <div class="morph_relative morph_group"> <a href="https://circleci.com/signup/" class="morph_button morph_button-primary morph_on-light morph_relative" ><span>Start now</span><div class="morph_arrow"></div></a> </div> </div> </div> <div class="morph_w-full "> <ul class="morph_space-y-3"> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> Up to <div class="morph_group/tooltip morph_relative morph_inline"> <span class="morph_underline morph_decoration-dashed morph_decoration-1 morph_underline-offset-4">6,000 build minutes</span><div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_left-1/2 morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> Number of build minutes when using a small Docker resource class </div></div> </li> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> Up to 5 active users/month </li> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> Docker, Windows, Linux, Arm, macOS, self hosted runners </li> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> 30x concurrency </li> </ul> </div> </div> <div class="morph_bg-white morph_py-12 morph_px-8 xl:morph_px-16 morph_rounded-2xl morph_w-full morph_flex morph_flex-col morph_gap-8 morph_items-center sm:morph_w-[calc(50%-1rem)] lg:morph_w-1/3"> <div class="morph_space-y-8 morph_w-full "> <div> <h3 class="morph_type-h3 morph_text-morph-terminal morph_mb-4">Performance</h3> <p class="morph_type-p morph_text-balance">Our most flexible plan. Pay only for what you use.</p> </div> <div> <p class="morph_text-small morph_mb-2">Starting at</p> <div class="morph_type-p"> <span class="morph_type-h2 morph_text-morph-terminal">$15</span> <div class="morph_group/tooltip morph_relative morph_inline"> <span class="morph_underline morph_decoration-dashed morph_decoration-1 morph_underline-offset-4">/month</span><div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_left-1/2 morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> Option to purchase bulk credits at a discount. </div></div> </div> </div> <div class="morph_flex morph_gap-6 morph_flex-col sm:morph_flex-row morph_items-start sm:morph_items-center"> <div class="morph_relative morph_group"> <a href="https://circleci.com/pricing/build-your-plan/" class="morph_button morph_button-primary morph_on-light morph_relative" ><span>Build your plan</span><div class="morph_arrow"></div></a> </div> </div> </div> <div class="morph_w-full "> <ul class="morph_space-y-3"> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> 30,000 credits included free </li> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> 5 <div class="morph_group/tooltip morph_relative morph_inline"> <span class="morph_underline morph_decoration-dashed morph_decoration-1 morph_underline-offset-4">active users</span><div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_left-1/2 morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> Add additional users for $15/month. </div></div> included </li> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> Larger resources </li> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> 80x concurrency </li> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> Access to 8x5 support </li> </ul> </div> </div> <div class="morph_bg-white morph_py-12 morph_px-8 xl:morph_px-16 morph_rounded-2xl morph_w-full morph_flex morph_flex-col morph_gap-8 morph_items-center sm:morph_flex-row lg:morph_flex-col lg:morph_w-1/3"> <div class="morph_space-y-8 morph_w-full sm:morph_w-1/2 lg:morph_w-full "> <div> <h3 class="morph_type-h3 morph_text-morph-terminal morph_mb-4">Scale</h3> <p class="morph_type-p morph_text-balance">Enterprise-level power. Talk to us to build your plan.</p> </div> <div> <p class="morph_text-small morph_mb-2">Starting at</p> <div class="morph_type-p"> <span class="morph_type-h2 morph_text-morph-terminal">$2000</span> <div class="morph_group/tooltip morph_relative morph_inline"> <span class="morph_underline morph_decoration-dashed morph_decoration-1 morph_underline-offset-4">/month</span><div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_left-1/2 morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> Billed annually. </div></div> </div> </div> <div class="morph_flex morph_gap-6 morph_flex-col sm:morph_flex-row morph_items-start sm:morph_items-center"> <div class="morph_relative morph_group"> <a href="https://circleci.com/contact/" class="morph_button morph_button-primary morph_on-light morph_relative" ><span>Talk to sales</span><div class="morph_arrow"></div></a> </div> </div> </div> <div class="morph_hidden sm:morph_block lg:morph_hidden morph_w-px morph_bg-morph-midnight morph_h-full"></div> <div class="morph_w-full sm:morph_w-1/2 lg:morph_w-full"> <ul class="morph_space-y-3"> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> Customizable plans </li> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> Enterprise controls </li> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> Largest resource classes </li> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> All environments, even GPU </li> <li class="morph_relative morph_pl-5 morph_type-p"><span class="morph_absolute morph_left-0 morph_top-2"> <svg width="11" height="9" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </span> Access to 24/7 support </li> </ul> </div> </div> </div> </div> </section> <div class="morph_bg-morph-midnight lg:morph_rounded-b-full morph_h-20 morph_text-body-light"> <div class="2xl:morph_container morph_mx-auto morph_px-8 lg:morph_px-16 morph_pt-4">Prices do not include applicable taxes.</div> </div> <div class="morph_flex sm:morph_justify-center morph_px-8 lg:morph_px-16 morph_pt-20"><a href="#comparison-table" class="morph_group/link morph_arrow-link hover:morph_text-slime-650 active:morph_text-slime-750"><span class="morph_underline morph_underline-offset-4 ">Compare features</span>&ensp;<div class="morph_arrow-down morph_text-slime-650 group-hover/link:morph_text-slime-650 group-active/link:morph_text-slime-750"></div></a></div> <div class="morph_h-28 morph_bg-white"></div> <div class="morph_-mt-28 morph_relative"> <div class="morph_top-28 morph_bg-morph-fog morph_absolute morph_bottom-0 morph_left-0 morph_right-0"></div> <div class="morph_w-full morph_relative morph_flex morph_justify-end morph_overflow-hidden"> <div class=""> <svg width="280" height="168" viewBox="0 0 280 168" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 208C0 216.837 7.16344 224 16 224H56H112H168H224H264C272.837 224 280 216.837 280 208V168V128C280 119.163 272.837 112 264 112H224H184C175.163 112 168 119.163 168 128V152C168 160.837 160.837 168 152 168H128C119.163 168 112 160.837 112 152V112V73C112 64.1634 119.163 57 128 57H151C159.837 57 167 49.8366 167 41V16C167 7.16344 159.837 0 151 0H127C118.163 0 111 7.16345 111 16V40C111 48.8366 103.837 56 95 56H72C63.1634 56 56 63.1634 56 72V96C56 104.837 48.8366 112 40 112H16C7.16344 112 0 119.163 0 128V168V208Z" fill="currentColor" class="morph_text-morph-fog"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M168 151.749C168 160.585 160.837 167.749 152 167.749H128C119.163 167.749 112 160.585 112 151.749V111.498V72.251C112 63.4145 119.163 56.251 128 56.251H208C216.837 56.251 224 63.4145 224 72.251V95.4977C224 104.334 216.837 111.498 208 111.498H184C175.163 111.498 168 118.661 168 127.498V151.749Z" fill="currentColor" class="morph_text-white"/> </svg> </div> </div> </div> <section class="morph_bg-morph-fog morph_text-body-dark morph_py-18 xl:morph_py-28 morph_overflow-hidden"> <div class="2xl:morph_container morph_mx-auto morph_px-8 lg:morph_px-16"> <div class="morph_mb-18 sm:morph_w-full md:morph_w-3/4"> <h2 class="morph_type-h2 morph_text-balance morph_text-morph-terminal">CircleCI runs on credits</h2> </div> <div class="morph_flex morph_gap-8"> <div class="morph_w-full xl:morph_w-3/4"> <div class="morph_grid morph_grid-cols-1 sm:morph_grid-cols-2 lg:morph_grid-cols-[repeat(3,calc(33.33%-1.333rem))] morph_gap-8"> <div class="morph_w-full morph_flex morph_flex-col morph_flex-shrink morph_justify-start morph_items-start"> <div class="morph_border morph_border-current morph_rounded-t-2xl morph_border-b-transparent morph_h-5 morph_w-full"></div> <div class="morph_px-4 sm:morph_px-8 morph_pt-14 morph_pb-9 morph_flex-grow morph_space-y-6"> <p class="morph_type-h2 morph_font-mega morph_font-medium morph_text-morph-terminal">Buy</p> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500"><p>Choose the credit plan that’s right for your team.</p> </div> </div> <div class="morph_border morph_border-current morph_rounded-b-2xl morph_border-t-transparent morph_h-5 morph_w-full"></div> </div> <div class="morph_w-full morph_flex morph_flex-col morph_flex-shrink morph_justify-start morph_items-start"> <div class="morph_border morph_border-current morph_rounded-t-2xl morph_border-b-transparent morph_h-5 morph_w-full"></div> <div class="morph_px-4 sm:morph_px-8 morph_pt-14 morph_pb-9 morph_flex-grow morph_space-y-6"> <p class="morph_type-h2 morph_font-mega morph_font-medium morph_text-morph-terminal">Build</p> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500"><p>Spend credits on seats, resources, and more.</p> </div> </div> <div class="morph_border morph_border-current morph_rounded-b-2xl morph_border-t-transparent morph_h-5 morph_w-full"></div> </div> <div class="morph_w-full morph_flex morph_flex-col morph_flex-shrink morph_justify-start morph_items-start"> <div class="morph_border morph_border-current morph_rounded-t-2xl morph_border-b-transparent morph_h-5 morph_w-full"></div> <div class="morph_px-4 sm:morph_px-8 morph_pt-14 morph_pb-9 morph_flex-grow morph_space-y-6"> <p class="morph_type-h2 morph_font-mega morph_font-medium morph_text-morph-terminal">Repeat</p> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500"><p>Automatic refills keep your team building.</p> </div> </div> <div class="morph_border morph_border-current morph_rounded-b-2xl morph_border-t-transparent morph_h-5 morph_w-full"></div> </div> </div> </div> <div class="morph_hidden xl:morph_block morph_w-1/4 morph_relative"> <div class="morph_absolute morph_top-1/2 morph_right-1/2 morph_translate-y-[-62.5%] morph_translate-x-full morph_text-slime-500"> <svg width="480" height="480" viewBox="0 0 480 480" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M240 464C240 472.837 232.837 480 224 480L135 480C126.164 480 119 472.837 119 464L119 376C119 367.163 111.837 360 103 360L16.0001 360C7.16358 360 0.000133187 352.837 0.00013396 344L0.00014174 255C0.000142513 246.163 7.1636 239 16.0001 239L104 239C112.837 239 120 231.837 120 223L120 136C120 127.163 127.164 120 136 120L240 120L343 120C351.837 120 359 112.837 359 104L359 16C359 7.16344 366.164 -9.9519e-06 375 -9.17938e-06L464 -1.39876e-06C472.837 -6.2624e-07 480 7.16345 480 16L480 105C480 113.837 472.837 121 464 121L376 121C367.164 121 360 128.163 360 137L360 224C360 232.837 352.837 240 344 240L240 240L137 240C128.164 240 121 247.163 121 256L121 343C121 351.837 128.164 359 137 359L224 359C232.837 359 240 366.163 240 375L240 464Z" fill="currentColor"/> </svg> </div> </div> </div> </div> </section> <section class="morph_bg-morph-fog" id="comparison-table"> <div class="2xl:morph_container morph_mx-auto morph_px-8 lg:morph_px-16 morph_py-20"> <div class="morph_flex morph_sticky morph_z-1 morph_top-18"> <div class="morph_w-full morph_bg-morph-fog/50 morph_shadow-md morph_backdrop-blur-md morph_rounded-b-2xl morph_h-18 md:morph_h-36"> </div> </div> <div class="morph_-mt-18 md:morph_-mt-36 morph_-mb-20 md:morph_-mb-40 morph_-mx-2 morph_relative morph_z-1 morph_flex"> <div class="morph_w-full"> <div class="morph_bg-morph-fog morph_h-20 md:morph_h-40"></div> <div class="morph_bg-gradient-to-b morph_from-morph-fog morph_to-transparent morph_h-11"></div> </div> </div> <div class="morph_flex morph_sticky morph_z-1 morph_top-18 morph_text-center morph_px-6 morph_py-5 morph_gap-3"> <div class="morph_hidden lg:morph_block morph_w-1/4"></div> <div class="morph_w-1/3 lg:morph_w-1/4"> <h4 class="morph_type-h4 morph_text-morph-terminal md:morph_mb-6">Free</h4> <div class="morph_hidden md:morph_block"> <div class="morph_flex morph_gap-6 morph_justify-center"> <div class="morph_relative morph_group"> <a href="https://circleci.com/signup/" class="morph_button morph_button-primary morph_on-light morph_relative" ><span>Start now</span><div class="morph_arrow"></div></a> </div> </div> </div> </div> <div class="morph_w-1/3 lg:morph_w-1/4"> <h4 class="morph_type-h4 morph_text-morph-terminal md:morph_mb-6">Performance</h4> <div class="morph_hidden md:morph_block"> <div class="morph_flex morph_gap-6 morph_justify-center"> <div class="morph_relative morph_group"> <a href="https://circleci.com/pricing/build-your-plan/" class="morph_button morph_button-primary morph_on-light morph_relative" ><span>Build your plan</span><div class="morph_arrow"></div></a> </div> </div> </div> </div> <div class="morph_w-1/3 lg:morph_w-1/4"> <h4 class="morph_type-h4 morph_text-morph-terminal md:morph_mb-6">Scale</h4> <div class="morph_hidden md:morph_block"> <div class="morph_flex morph_gap-6 morph_justify-center"> <div class="morph_relative morph_group"> <a href="https://circleci.com/contact/" class="morph_button morph_button-primary morph_on-light morph_relative" ><span>Talk to sales</span><div class="morph_arrow"></div></a> </div> </div> </div> </div> </div> <div> <h3 class="morph_type-h4 morph_text-morph-terminal morph_mt-11 morph_mb-8">Plan overview</h3> <div class="morph_space-y-4"> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_group/tooltip morph_relative morph_inline"> <div class="morph_rounded-full morph_w-max morph_p-px morph_bg-gradient-to-b morph_from-morph-engineer-tears morph_to-slime-500"> <div class="morph_bg-white morph_text-center morph_w-5 morph_h-5 morph_rounded-full morph_text-small morph_font-bold morph_leading-normal"> ? </div> </div> <div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_-left-10 2xl:morph_left-1/2 2xl:morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> Credits are used to pay for your team’s usage based on number of active users, machine type and size, and premium features. </div></div> </div> <h5>Credits</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <p>30,000 free credits/month</p> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_group/tooltip morph_relative morph_inline"> <span class="morph_underline morph_decoration-dashed morph_decoration-1 morph_underline-offset-4">30,000 credits</span><div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_left-1/2 morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> 30,000 free credits/month + $15 for every additional 25,000 credits. </div></div>/month included </div> <div class="morph_w-1/3 morph_text-center"> <p>Custom</p> </div> </div> </div> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_group/tooltip morph_relative morph_inline"> <div class="morph_rounded-full morph_w-max morph_p-px morph_bg-gradient-to-b morph_from-morph-engineer-tears morph_to-slime-500"> <div class="morph_bg-white morph_text-center morph_w-5 morph_h-5 morph_rounded-full morph_text-small morph_font-bold morph_leading-normal"> ? </div> </div> <div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_-left-10 2xl:morph_left-1/2 2xl:morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> Any user who commits code changes on a project building on CircleCI. </div></div> </div> <h5>Users</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <p>5 active users included</p> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_group/tooltip morph_relative morph_inline"> <span class="morph_underline morph_decoration-dashed morph_decoration-1 morph_underline-offset-4">5 active users</span><div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_left-1/2 morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> 25,000 credits per month for each additional user. </div></div> included </div> <div class="morph_w-1/3 morph_text-center"> <p>Custom</p> </div> </div> </div> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_group/tooltip morph_relative morph_inline"> <div class="morph_rounded-full morph_w-max morph_p-px morph_bg-gradient-to-b morph_from-morph-engineer-tears morph_to-slime-500"> <div class="morph_bg-white morph_text-center morph_w-5 morph_h-5 morph_rounded-full morph_text-small morph_font-bold morph_leading-normal"> ? </div> </div> <div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_-left-10 2xl:morph_left-1/2 2xl:morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> The network transfer limit applies to self-hosted runners only, when restoring caches and workspaces. </div></div> </div> <h5>Network</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <p>1GB included</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>5GB included</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>50GB included</p> </div> </div> </div> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> </div> <h5>Storage</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <p>2GB included</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>2GB included</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>200GB included</p> </div> </div> </div> </div> </div> <div> <h3 class="morph_type-h4 morph_text-morph-terminal morph_mt-11 morph_mb-8">Resource classes</h3> <div class="morph_space-y-4"> <details class="morph_bg-white morph_rounded-2xl morph_p-6 morph_group"> <summary class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_px-1"><div class="group-open:morph_rotate-90 morph_inline-block morph_w-max morph_-translate-y-1.5 morph_transition-transform morph_origin-center"><div class="morph_chevron"></div></div></div> </div> <h5>(x86) Docker</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center group-open:morph_hidden"> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </summary> <div class="morph_divide-y morph_divide-morph-vapor morph_space-y-6 morph_type-p"> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 morph_mt-6"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Small</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Medium</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Medium+</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>X-large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>2 X-large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>2 X-large+</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> </div> </details> <details class="morph_bg-white morph_rounded-2xl morph_p-6 morph_group"> <summary class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_px-1"><div class="group-open:morph_rotate-90 morph_inline-block morph_w-max morph_-translate-y-1.5 morph_transition-transform morph_origin-center"><div class="morph_chevron"></div></div></div> </div> <h5>(Arm) Docker / Remote Docker</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center group-open:morph_hidden"> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </summary> <div class="morph_divide-y morph_divide-morph-vapor morph_space-y-6 morph_type-p"> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 morph_mt-6"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Medium</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>X-large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>2 X-large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> </div> </details> <details class="morph_bg-white morph_rounded-2xl morph_p-6 morph_group"> <summary class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_px-1"><div class="group-open:morph_rotate-90 morph_inline-block morph_w-max morph_-translate-y-1.5 morph_transition-transform morph_origin-center"><div class="morph_chevron"></div></div></div> </div> <h5>Linux VM / (x86) Remote Docker</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center group-open:morph_hidden"> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </summary> <div class="morph_divide-y morph_divide-morph-vapor morph_space-y-6 morph_type-p"> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 morph_mt-6"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Medium</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>X-large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>2 X-large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>2 X-large+</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> </div> </details> <details class="morph_bg-white morph_rounded-2xl morph_p-6 morph_group"> <summary class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_px-1"><div class="group-open:morph_rotate-90 morph_inline-block morph_w-max morph_-translate-y-1.5 morph_transition-transform morph_origin-center"><div class="morph_chevron"></div></div></div> </div> <h5>Arm VM (Linux)</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center group-open:morph_hidden"> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </summary> <div class="morph_divide-y morph_divide-morph-vapor morph_space-y-6 morph_type-p"> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 morph_mt-6"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Medium</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>X-large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>2 X-large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> </div> </details> <details class="morph_bg-white morph_rounded-2xl morph_p-6 morph_group"> <summary class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_px-1"><div class="group-open:morph_rotate-90 morph_inline-block morph_w-max morph_-translate-y-1.5 morph_transition-transform morph_origin-center"><div class="morph_chevron"></div></div></div> </div> <h5>Windows VM</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center group-open:morph_hidden"> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </summary> <div class="morph_divide-y morph_divide-morph-vapor morph_space-y-6 morph_type-p"> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 morph_mt-6"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Medium</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>X-large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>2 X-large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> </div> </details> <details class="morph_bg-white morph_rounded-2xl morph_p-6 morph_group"> <summary class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_px-1"><div class="group-open:morph_rotate-90 morph_inline-block morph_w-max morph_-translate-y-1.5 morph_transition-transform morph_origin-center"><div class="morph_chevron"></div></div></div> </div> <h5>macOS VM</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center group-open:morph_hidden"> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </summary> <div class="morph_divide-y morph_divide-morph-vapor morph_space-y-6 morph_type-p"> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 morph_mt-6"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>M1 Medium</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>M2 Pro Medium</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>M1 Large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>M2 Pro Large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> </div> </details> <details class="morph_bg-white morph_rounded-2xl morph_p-6 morph_group"> <summary class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_px-1"><div class="group-open:morph_rotate-90 morph_inline-block morph_w-max morph_-translate-y-1.5 morph_transition-transform morph_origin-center"><div class="morph_chevron"></div></div></div> </div> <h5>GPU</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center group-open:morph_hidden"> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </summary> <div class="morph_divide-y morph_divide-morph-vapor morph_space-y-6 morph_type-p"> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 morph_mt-6"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Small</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Small Multi</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Small Gen2</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Medium</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Medium Multi</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Windows Medium</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Large</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> </div> </details> </div> <div class="morph_flex morph_justify-center morph_pt-8"><a href="/pricing/price-list/" class="morph_group/link morph_arrow-link hover:morph_text-slime-650 active:morph_text-slime-750"><span class="morph_underline morph_underline-offset-4 ">See full pricing list</span>&ensp;<div class="morph_arrow-expanding morph_text-slime-650 group-hover/link:morph_text-slime-650 group-active/link:morph_text-slime-750"></div></a></div> </div> <div> <h3 class="morph_type-h4 morph_text-morph-terminal morph_mt-11 morph_mb-8">Key features</h3> <div class="morph_space-y-4"> <details class="morph_bg-white morph_rounded-2xl morph_p-6 morph_group"> <summary class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 morph_flex morph_gap-2 morph_items-center"> <div class="morph_group/tooltip morph_relative morph_inline"> <div class="morph_rounded-full morph_w-max morph_p-px morph_bg-gradient-to-b morph_from-morph-engineer-tears morph_to-slime-500"> <div class="morph_bg-white morph_text-center morph_w-5 morph_h-5 morph_rounded-full morph_text-small morph_font-bold morph_leading-normal"> ? </div> </div> <div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_-left-10 2xl:morph_left-1/2 2xl:morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> Jobs that run simultaneously, without queuing. </div></div> <div class="morph_px-1"><div class="group-open:morph_rotate-90 morph_inline-block morph_w-max morph_-translate-y-1.5 morph_transition-transform morph_origin-center"><div class="morph_chevron"></div></div></div> </div> <h5>Concurrent job runs</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center group-open:morph_hidden"> <div class="morph_w-1/3 morph_text-center"> <p>30</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>80</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>Custom</p> </div> </div> </summary> <div class="morph_divide-y morph_divide-morph-vapor morph_space-y-6 morph_type-p"> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_pt-6 morph_mt-6"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Docker</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <p>30</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>80</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>Custom</p> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Linux VM</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <p>30</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>80</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>Custom</p> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Arm VM (Linux)</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <p>30</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>80</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>Custom</p> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Windows VM</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <p>30</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>80</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>Custom</p> </div> </div> </div> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_pt-6 "> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>macOS VM</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <p>1</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>15</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>Custom</p> </div> </div> </div> </div> </details> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_group/tooltip morph_relative morph_inline"> <div class="morph_rounded-full morph_w-max morph_p-px morph_bg-gradient-to-b morph_from-morph-engineer-tears morph_to-slime-500"> <div class="morph_bg-white morph_text-center morph_w-5 morph_h-5 morph_rounded-full morph_text-small morph_font-bold morph_leading-normal"> ? </div> </div> <div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_-left-10 2xl:morph_left-1/2 2xl:morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> The amount of concurrent tasks per self-hosted runner is restricted by plan. </div></div> </div> <h5>Self-hosted runner</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <p>5</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>20</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>Unlimited</p> </div> </div> </div> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_group/tooltip morph_relative morph_inline"> <div class="morph_rounded-full morph_w-max morph_p-px morph_bg-gradient-to-b morph_from-morph-engineer-tears morph_to-slime-500"> <div class="morph_bg-white morph_text-center morph_w-5 morph_h-5 morph_rounded-full morph_text-small morph_font-bold morph_leading-normal"> ? </div> </div> <div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_-left-10 2xl:morph_left-1/2 2xl:morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> Cache the individual layers of any Docker images built during your jobs. </div></div> </div> <h5>Docker layer caching</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_group/tooltip morph_relative morph_inline"> <div class="morph_rounded-full morph_w-max morph_p-px morph_bg-gradient-to-b morph_from-morph-engineer-tears morph_to-slime-500"> <div class="morph_bg-white morph_text-center morph_w-5 morph_h-5 morph_rounded-full morph_text-small morph_font-bold morph_leading-normal"> ? </div> </div> <div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_-left-10 2xl:morph_left-1/2 2xl:morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> Usage for IP ranges is billed at 450 credits/GB per job. </div></div> </div> <h5>IP ranges</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <details class="morph_bg-white morph_rounded-2xl morph_p-6 morph_group"> <summary class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 morph_flex morph_gap-2 morph_items-center"> <div class="morph_px-1"><div class="group-open:morph_rotate-90 morph_inline-block morph_w-max morph_-translate-y-1.5 morph_transition-transform morph_origin-center"><div class="morph_chevron"></div></div></div> </div> <h5>Insights</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center group-open:morph_hidden"> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </summary> <div class="morph_divide-y morph_divide-morph-vapor morph_space-y-6 morph_type-p"> <div class="morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_pt-6 morph_mt-6"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <h6>Flaky test detection</h6> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <p>5 tests</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>Unlimited</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>Unlimited</p> </div> </div> </div> </div> </details> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_group/tooltip morph_relative morph_inline"> <div class="morph_rounded-full morph_w-max morph_p-px morph_bg-gradient-to-b morph_from-morph-engineer-tears morph_to-slime-500"> <div class="morph_bg-white morph_text-center morph_w-5 morph_h-5 morph_rounded-full morph_text-small morph_font-bold morph_leading-normal"> ? </div> </div> <div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_-left-10 2xl:morph_left-1/2 2xl:morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> Create reusable packages of YAML config, called orbs, to be used exclusively by your organization. </div></div> </div> <h5>Private orbs</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> </div> <h5>Deploys</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> </div> <h5>Single sign-on (SSO)</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> </div> <h5>Config policies</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> </div> </div> <div> <h3 class="morph_type-h4 morph_text-morph-terminal morph_mt-11 morph_mb-8">Included support</h3> <div class="morph_space-y-4"> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_group/tooltip morph_relative morph_inline"> <div class="morph_rounded-full morph_w-max morph_p-px morph_bg-gradient-to-b morph_from-morph-engineer-tears morph_to-slime-500"> <div class="morph_bg-white morph_text-center morph_w-5 morph_h-5 morph_rounded-full morph_text-small morph_font-bold morph_leading-normal"> ? </div> </div> <div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_-left-10 2xl:morph_left-1/2 2xl:morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> Access to our 24/7 community support forum. </div></div> </div> <h5>Community support</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> <div class="morph_group/tooltip morph_relative morph_inline"> <div class="morph_rounded-full morph_w-max morph_p-px morph_bg-gradient-to-b morph_from-morph-engineer-tears morph_to-slime-500"> <div class="morph_bg-white morph_text-center morph_w-5 morph_h-5 morph_rounded-full morph_text-small morph_font-bold morph_leading-normal"> ? </div> </div> <div class="group-hover/tooltip:morph_block morph_hidden morph_absolute morph_-top-3 morph_-translate-y-full morph_-left-10 2xl:morph_left-1/2 2xl:morph_-translate-x-1/2 morph_p-4 morph_bg-9pm-500/60 morph_shadow-inner morph_shadow-white/30 morph_backdrop-blur-md morph_rounded-lg morph_text-white morph_text-small morph_w-64 morph_text-center morph_z-1"> Our team of expert support engineers, based around the world. </div></div> </div> <h5>Ticket-based global support</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> <div class="morph_w-1/3 morph_text-center"> <div class="morph_mx-auto morph_-my-1 morph_bg-morph-engineer-tears morph_w-8 morph_h-8 morph_rounded-full morph_text-white morph_flex morph_items-center morph_justify-center"> <svg width="14" height="10" viewBox="0 0 11 9" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M3.66667 6.58409L1.56485 4.48227C1.20687 4.12429 0.626466 4.12429 0.268485 4.48227C-0.0894952 4.84025 -0.0894952 5.42065 0.268485 5.77863L3.01849 8.52863C3.37647 8.88661 3.95687 8.88661 4.31485 8.52863L10.7315 2.11197C11.0895 1.75399 11.0895 1.17359 10.7315 0.815605C10.3735 0.457624 9.79313 0.457624 9.43515 0.815605L3.66667 6.58409Z" fill="currentColor"/> </svg> </div> </div> </div> </div> </div> </div> <div> <h3 class="morph_type-h4 morph_text-morph-terminal morph_mt-11 morph_mb-8">Support packages</h3> <div class="morph_mb-6 morph_-mt-8"><a href="/support/plans/" class="morph_group/link morph_arrow-link hover:morph_text-slime-650 active:morph_text-slime-750"><span class="morph_underline morph_underline-offset-4 ">Learn more</span>&ensp;<div class="morph_arrow-expanding morph_text-slime-650 group-hover/link:morph_text-slime-650 group-active/link:morph_text-slime-750"></div></a></div> <div class="morph_space-y-4"> <div class="morph_bg-white morph_rounded-2xl morph_p-6 morph_flex morph_flex-wrap lg:morph_flex-nowrap morph_gap-6 morph_items-center morph_type-p"> <div class="morph_w-full lg:morph_w-1/4 morph_flex morph_gap-2 morph_items-center"> <div class="morph_min-w-5 "> </div> <h5>Support SLA</h5> </div> <div class="morph_w-full lg:morph_w-3/4 morph_flex morph_gap-3 morph_items-center "> <div class="morph_w-1/3 morph_text-center"> — </div> <div class="morph_w-1/3 morph_text-center"> <p>8x5 and 12x5 SLAs available</p> </div> <div class="morph_w-1/3 morph_text-center"> <p>24x5 and 24x7 SLAs available</p> </div> </div> </div> </div> <div class="morph_flex morph_justify-center morph_pt-8"><a href="/pricing/price-list/" class="morph_group/link morph_arrow-link hover:morph_text-slime-650 active:morph_text-slime-750"><span class="morph_underline morph_underline-offset-4 ">See full pricing list</span>&ensp;<div class="morph_arrow-expanding morph_text-slime-650 group-hover/link:morph_text-slime-650 group-active/link:morph_text-slime-750"></div></a></div> </div> </div> </section> <div class="morph_h-14 morph_bg-morph-fog"></div> <div class="morph_-mt-14 morph_relative"> <div class="morph_top-14 morph_bg-white morph_absolute morph_bottom-0 morph_left-0 morph_right-0"></div> <div class="morph_w-full morph_relative morph_flex morph_overflow-hidden"> <div class="morph_rotate-180"> <svg width="280" height="168" viewBox="0 0 280 168" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 208C0 216.837 7.16344 224 16 224H56H112H168H224H264C272.837 224 280 216.837 280 208V168V128C280 119.163 272.837 112 264 112H224H184C175.163 112 168 119.163 168 128V152C168 160.837 160.837 168 152 168H128C119.163 168 112 160.837 112 152V112V73C112 64.1634 119.163 57 128 57H151C159.837 57 167 49.8366 167 41V16C167 7.16344 159.837 0 151 0H127C118.163 0 111 7.16345 111 16V40C111 48.8366 103.837 56 95 56H72C63.1634 56 56 63.1634 56 72V96C56 104.837 48.8366 112 40 112H16C7.16344 112 0 119.163 0 128V168V208Z" fill="currentColor" class="morph_text-morph-fog"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M168 151.749C168 160.585 160.837 167.749 152 167.749H128C119.163 167.749 112 160.585 112 151.749V111.498V72.251C112 63.4145 119.163 56.251 128 56.251H208C216.837 56.251 224 63.4145 224 72.251V95.4977C224 104.334 216.837 111.498 208 111.498H184C175.163 111.498 168 118.661 168 127.498V151.749Z" fill="currentColor" class="morph_text-white"/> </svg> </div> </div> </div> <section class="morph_bg-white morph_py-28"> <div class="2xl:morph_container morph_mx-auto morph_px-8 lg:morph_px-16 morph_flex morph_flex-col xl:morph_flex-row morph_gap-8 xl:morph_justify-between"> <div class="xl:morph_w-5/12"> <h2 class="morph_type-h2 morph_text-morph-terminal morph_text-balance morph_mb-4">Frequently asked questions</h2> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500"><p>Still can’t find what you’re looking for? Talk to one of our team members to learn more.</p> </div> </div> <div class="morph_divide-y xl:morph_w-1/2"> <details class="morph_group"> <summary class="morph_group/summary morph_cursor-pointer morph_type-h5 morph_text-morph-terminal morph_my-4 morph_font-semibold marker:morph_hidden morph_list-none [@media(hover:hover)]:hover:morph_text-slime-650 active:morph_text-slime-750"><div class="morph_flex morph_gap-4 morph_items-center"><div class="morph_w-full morph_flex morph_justify-between morph_flex-row morph_gap-4 morph_items-end"><div>What are credits?</div><div class="group-open:morph_-rotate-90 morph_rotate-90 morph_transition-transform morph_inline-block morph_w-max morph_-translate-y-3 group-hover/summary:morph_-translate-y-2 group-open:group-hover/summary:morph_-translate-y-4"><div class="morph_arrow"></div></div></div></div></summary> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500 prose-ul:morph_list-disc prose-ul:morph_pl-6 prose-ol:morph_list-decimal prose-ol:morph_pl-6 prose-li:morph_type-p morph_space-y-4 morph_mb-4"><p>Credits are the currency of CircleCI. Credits are purchased up-front and are used to pay for CircleCI platform usage in real time. Platform usage consists of:</p> <p><b>Monthly active users</b> - By using credits to pay for monthly active users, your organization is never restricted to a static number of active users each month.</p> <p><b>Compute time</b> - Each resource type on CircleCI has an associated credits-per-minute price. Your credits are used in real time whenever your organization is actively using a compute resource on CircleCI.</p> <p><b>Add-on features</b> - Some features of CircleCI have additional credit costs associated with them. These costs may be represented in credits per use or in credits per minute.</p> <p><b>Additional network & storage use</b> - network and storage utilization beyond the plan-specified thresholds is charged at 420 credits per GB.</p> </div> </details> <details class="morph_group"> <summary class="morph_group/summary morph_cursor-pointer morph_type-h5 morph_text-morph-terminal morph_my-4 morph_font-semibold marker:morph_hidden morph_list-none [@media(hover:hover)]:hover:morph_text-slime-650 active:morph_text-slime-750"><div class="morph_flex morph_gap-4 morph_items-center"><div class="morph_w-full morph_flex morph_justify-between morph_flex-row morph_gap-4 morph_items-end"><div>Do credits expire?</div><div class="group-open:morph_-rotate-90 morph_rotate-90 morph_transition-transform morph_inline-block morph_w-max morph_-translate-y-3 group-hover/summary:morph_-translate-y-2 group-open:group-hover/summary:morph_-translate-y-4"><div class="morph_arrow"></div></div></div></div></summary> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500 prose-ul:morph_list-disc prose-ul:morph_pl-6 prose-ol:morph_list-decimal prose-ol:morph_pl-6 prose-li:morph_type-p morph_space-y-4 morph_mb-4"><p>Credits on the free plan expire after a month and do not roll over.</p> <p>The Performance plan includes the 30,000 credits available to the Free plan; these expire and do not roll over month to month.</p> <p>Performance plan users may purchase additional credits at $15 for every 25,000 credits. Any paid credits roll over month to month, and expire after a year.</p> <p>Unused credits will be forfeited if the account subscription is canceled.</p> </div> </details> <details class="morph_group"> <summary class="morph_group/summary morph_cursor-pointer morph_type-h5 morph_text-morph-terminal morph_my-4 morph_font-semibold marker:morph_hidden morph_list-none [@media(hover:hover)]:hover:morph_text-slime-650 active:morph_text-slime-750"><div class="morph_flex morph_gap-4 morph_items-center"><div class="morph_w-full morph_flex morph_justify-between morph_flex-row morph_gap-4 morph_items-end"><div>How do CircleCI credits translate to build minutes?</div><div class="group-open:morph_-rotate-90 morph_rotate-90 morph_transition-transform morph_inline-block morph_w-max morph_-translate-y-3 group-hover/summary:morph_-translate-y-2 group-open:group-hover/summary:morph_-translate-y-4"><div class="morph_arrow"></div></div></div></div></summary> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500 prose-ul:morph_list-disc prose-ul:morph_pl-6 prose-ol:morph_list-decimal prose-ol:morph_pl-6 prose-li:morph_type-p morph_space-y-4 morph_mb-4"><p>Example: 30,000 credits at a rate of 10 credits per min (using Linux Medium) is 3,000 minutes.</p> <p>It’s important to note that a minute on CircleCI is different than a minute on other CI platforms. Access to more powerful resources, Docker Layer Caching, as well as concurrency and parallelism mean you can do more in a minute on CircleCI than anywhere else.</p> </div> </details> <details class="morph_group"> <summary class="morph_group/summary morph_cursor-pointer morph_type-h5 morph_text-morph-terminal morph_my-4 morph_font-semibold marker:morph_hidden morph_list-none [@media(hover:hover)]:hover:morph_text-slime-650 active:morph_text-slime-750"><div class="morph_flex morph_gap-4 morph_items-center"><div class="morph_w-full morph_flex morph_justify-between morph_flex-row morph_gap-4 morph_items-end"><div>How do I manage billing with the Performance Plan?</div><div class="group-open:morph_-rotate-90 morph_rotate-90 morph_transition-transform morph_inline-block morph_w-max morph_-translate-y-3 group-hover/summary:morph_-translate-y-2 group-open:group-hover/summary:morph_-translate-y-4"><div class="morph_arrow"></div></div></div></div></summary> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500 prose-ul:morph_list-disc prose-ul:morph_pl-6 prose-ol:morph_list-decimal prose-ol:morph_pl-6 prose-li:morph_type-p morph_space-y-4 morph_mb-4"><p>An admin for your CircleCI account can sign up for a paid plan using using a credit card, log into the CircleCI application, and go to Settings → Plan Overview.</p> <p>The Performance plan provides two purchase options for your convenience.</p> <ol> <li> <p>In the M2M (or default) option, credits are purchased on a monthly cycle. You can set up a monthly amount to be billed at the start of your billing cycle.</p> <ul> <li> <p>Credits are purchased in blocks of 25,000. At the beginning of each billing month (based on your purchase date), you are charged for your credits and those credits are added to your account.</p> </li> <li> <p>When you use up all your credits, then credits automatically refill to a level of 25% of your monthly amount, with a minimum refill amount of 25,000 credits.</p> </li> </ul> <p>For example:<br /> If your monthly credit purchase is 200,000 credits, you will automatically be refilled 50,000 credits when you run out of credits.</p> </li> <li> <p>In the Prepaid Billing option, credits can be purchased at a discount based on credit volume. When credits run out, the account is reloaded based on your usage.</p> <ul> <li> <p>Bulk purchases can be made starting at 1 million credits for $600. Discounts start when you purchase 5 million credits for $3,000.</p> </li> <li> <p>To purchase discounted credits in bulk, visit the <strong>Plan Overview</strong> Page in your CircleCI account, and select the <strong>Prepaid Billing</strong> option.</p> </li> </ul> </li> </ol> <p>Please note that all paid credits are valid up to 12 months from the time of purchase, regardless of the purchase option. Updates to payments can be made in the billing portal, and also in the applications Plan Overview page.</p> <p><a href="https://circleci.com/docs/credits/#what-is-prepaid-billing" data-analytics-action="click-outer-cta" data-analytics-location="How do I buy credits with the Performance Plan">Learn more about Prepaid Billing here.</a></p> </div> </details> <details class="morph_group"> <summary class="morph_group/summary morph_cursor-pointer morph_type-h5 morph_text-morph-terminal morph_my-4 morph_font-semibold marker:morph_hidden morph_list-none [@media(hover:hover)]:hover:morph_text-slime-650 active:morph_text-slime-750"><div class="morph_flex morph_gap-4 morph_items-center"><div class="morph_w-full morph_flex morph_justify-between morph_flex-row morph_gap-4 morph_items-end"><div>What if I am building open-source?</div><div class="group-open:morph_-rotate-90 morph_rotate-90 morph_transition-transform morph_inline-block morph_w-max morph_-translate-y-3 group-hover/summary:morph_-translate-y-2 group-open:group-hover/summary:morph_-translate-y-4"><div class="morph_arrow"></div></div></div></div></summary> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500 prose-ul:morph_list-disc prose-ul:morph_pl-6 prose-ol:morph_list-decimal prose-ol:morph_pl-6 prose-li:morph_type-p morph_space-y-4 morph_mb-4"><p>CircleCI offers free access to compute time and resources for organizations on our Free plan. Open source projects can access up to 400,000 credits per month (equivalent to 80,000 build minutes) to use on Linux, Arm, and Docker.</p> <p>Open source Windows and macOS builds or private repositories can use the 30,000 credits offered in our free plan.</p> <p>If you are building a bigger open source project and would like the flexibility of our new plans, <a href="https://circleci.com/contact/?source-button=Request%20early%20access%20-%20Open%20Source%20usage%20plan" data-analytics-action="click-outer-cta" data-analytics-location="Open source FAQ">let us know</a> how we can help you!</p> <p><a href="https://circleci.com/open-source/">Learn more about building open source projects with CircleCI.</a></p> </div> </details> <details class="morph_group"> <summary class="morph_group/summary morph_cursor-pointer morph_type-h5 morph_text-morph-terminal morph_my-4 morph_font-semibold marker:morph_hidden morph_list-none [@media(hover:hover)]:hover:morph_text-slime-650 active:morph_text-slime-750"><div class="morph_flex morph_gap-4 morph_items-center"><div class="morph_w-full morph_flex morph_justify-between morph_flex-row morph_gap-4 morph_items-end"><div>What are concurrent job runs?</div><div class="group-open:morph_-rotate-90 morph_rotate-90 morph_transition-transform morph_inline-block morph_w-max morph_-translate-y-3 group-hover/summary:morph_-translate-y-2 group-open:group-hover/summary:morph_-translate-y-4"><div class="morph_arrow"></div></div></div></div></summary> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500 prose-ul:morph_list-disc prose-ul:morph_pl-6 prose-ol:morph_list-decimal prose-ol:morph_pl-6 prose-li:morph_type-p morph_space-y-4 morph_mb-4"><p>Concurrent job runs refers to the number of jobs that can run simultaneously without queueing. You pay for compute based on the total amount of time you use compute resources, not the number of resources that you have access to. This means you can choose the right plan for your team to maximize concurrent jobs and parallelism for your jobs to minimize queuing.</p> <p>For example, say you have a workflow with 10 jobs that each take 5 minutes to run. If you are limited to 1x concurrency, each of these jobs runs sequentially, and the workflow completes in 50 minutes. With scaling concurrency, you can run all 10 jobs concurrently (at the same time), and the workflow completes in 5 minutes. In both cases, your total usage time is 50 minutes since you used 10 machines for 5 minutes each. With usage-based pricing, that means you pay the same amount either way, but if you maximize your concurrency, you save 45 minutes of time waiting for your workflow to complete.</p> </div> </details> <details class="morph_group"> <summary class="morph_group/summary morph_cursor-pointer morph_type-h5 morph_text-morph-terminal morph_my-4 morph_font-semibold marker:morph_hidden morph_list-none [@media(hover:hover)]:hover:morph_text-slime-650 active:morph_text-slime-750"><div class="morph_flex morph_gap-4 morph_items-center"><div class="morph_w-full morph_flex morph_justify-between morph_flex-row morph_gap-4 morph_items-end"><div>What is self-hosted runner concurrency?</div><div class="group-open:morph_-rotate-90 morph_rotate-90 morph_transition-transform morph_inline-block morph_w-max morph_-translate-y-3 group-hover/summary:morph_-translate-y-2 group-open:group-hover/summary:morph_-translate-y-4"><div class="morph_arrow"></div></div></div></div></summary> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500 prose-ul:morph_list-disc prose-ul:morph_pl-6 prose-ol:morph_list-decimal prose-ol:morph_pl-6 prose-li:morph_type-p morph_space-y-4 morph_mb-4"><p>Self-hosted runner concurrency is the amount of runner tasks that can be run at the same time. This applies to both machine and container runner. For example, CircleCI customers on the Free plan have 5 concurrent tasks that can be used for machine and container runner.</p> </div> </details> <details class="morph_group"> <summary class="morph_group/summary morph_cursor-pointer morph_type-h5 morph_text-morph-terminal morph_my-4 morph_font-semibold marker:morph_hidden morph_list-none [@media(hover:hover)]:hover:morph_text-slime-650 active:morph_text-slime-750"><div class="morph_flex morph_gap-4 morph_items-center"><div class="morph_w-full morph_flex morph_justify-between morph_flex-row morph_gap-4 morph_items-end"><div>How is network egress measured?</div><div class="group-open:morph_-rotate-90 morph_rotate-90 morph_transition-transform morph_inline-block morph_w-max morph_-translate-y-3 group-hover/summary:morph_-translate-y-2 group-open:group-hover/summary:morph_-translate-y-4"><div class="morph_arrow"></div></div></div></div></summary> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500 prose-ul:morph_list-disc prose-ul:morph_pl-6 prose-ol:morph_list-decimal prose-ol:morph_pl-6 prose-li:morph_type-p morph_space-y-4 morph_mb-4"><p>Network egress is triggered by restoring caches and workspaces to self-hosted runners.</p> <p>Any egress triggered by our cloud executors is not passed on to the customer.</p> <p>Self-hosted runners can incur network egress cost (at a rate of 420 credits per GB) if usage exceeds the network allowance included in your plan. CircleCI does not charge per build minute on self-hosted runners.</p> <p><a href="https://circleci.com/docs/persist-data/#managing-network-and-storage-usage">Learn more about how to calculate and adjust network usage</a></p> <p>Activities that utilize <strong>storage</strong> include saving caches and workspaces in jobs, uploading test results, and building artifacts.</p> <p><a href="https://circleci.com/docs/2.0/persist-data/#managing-network-and-storage-use">Learn more about how to calculate and adjust storage usage</a></p> <p>Both network and storage beyond the monthly thresholds are charged at 420 credits per GB ($0.252/GB).</p> </div> </details> <details class="morph_group"> <summary class="morph_group/summary morph_cursor-pointer morph_type-h5 morph_text-morph-terminal morph_my-4 morph_font-semibold marker:morph_hidden morph_list-none [@media(hover:hover)]:hover:morph_text-slime-650 active:morph_text-slime-750"><div class="morph_flex morph_gap-4 morph_items-center"><div class="morph_w-full morph_flex morph_justify-between morph_flex-row morph_gap-4 morph_items-end"><div>How is Docker Layer Caching (DLC) charged?</div><div class="group-open:morph_-rotate-90 morph_rotate-90 morph_transition-transform morph_inline-block morph_w-max morph_-translate-y-3 group-hover/summary:morph_-translate-y-2 group-open:group-hover/summary:morph_-translate-y-4"><div class="morph_arrow"></div></div></div></div></summary> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500 prose-ul:morph_list-disc prose-ul:morph_pl-6 prose-ol:morph_list-decimal prose-ol:morph_pl-6 prose-li:morph_type-p morph_space-y-4 morph_mb-4"><p>Docker layer caching uses 200 credits per job run in a pipeline (equivalent to $0.12 per job run). For example, if your configuration specifies a workflow with three parallel Docker build jobs, you will be charged 600 credits each time these jobs are run in addition to the compute credits per minute usage.</p> </div> </details> <details class="morph_group"> <summary class="morph_group/summary morph_cursor-pointer morph_type-h5 morph_text-morph-terminal morph_my-4 morph_font-semibold marker:morph_hidden morph_list-none [@media(hover:hover)]:hover:morph_text-slime-650 active:morph_text-slime-750"><div class="morph_flex morph_gap-4 morph_items-center"><div class="morph_w-full morph_flex morph_justify-between morph_flex-row morph_gap-4 morph_items-end"><div>How much does the IP ranges feature cost?</div><div class="group-open:morph_-rotate-90 morph_rotate-90 morph_transition-transform morph_inline-block morph_w-max morph_-translate-y-3 group-hover/summary:morph_-translate-y-2 group-open:group-hover/summary:morph_-translate-y-4"><div class="morph_arrow"></div></div></div></div></summary> <div class="prose prose-p:morph_type-p prose-a:morph_text-blue-500 prose-ul:morph_list-disc prose-ul:morph_pl-6 prose-ol:morph_list-decimal prose-ol:morph_pl-6 prose-li:morph_type-p morph_space-y-4 morph_mb-4"><p>The IP ranges feature costs 450 credits per GB of data used by jobs with the feature enabled.</p> </div> </details> </div> </div> </section> </main> <section class="morph_bg-9pm-500 morph_text-body-light morph_relative morph_overflow-hidden"> <h2 class="morph_type-mega morph_lowercase xl:morph_absolute xl:morph_-top-11 morph_-mt-2 lg:morph_mt-0 morph_-ml-2 lg:morph_ml-0 lg:morph_-left-5 morph_w-full 2xl:morph_w-3/4">>build faster today</h2> <div class="2xl:morph_container morph_mx-auto morph_p-8 lg:morph_px-16 xl:morph_pb-24 xl:morph_pt-32 xl:morph_mt-32"> <div class="morph_flex morph_gap-6 morph_flex-col sm:morph_flex-row morph_items-end sm:morph_items-center sm:morph_justify-end"> <div class="morph_relative morph_group"> <div class="morph_w-72 morph_h-72 morph_bg-[radial-gradient(54.59%_30.47%_at_45.35%_47.45%,_var(--tw-gradient-stops))] morph_blur-3xl morph_from-morph-engineer-tears/80 morph_to-morph-engineer-tears/30 morph_opacity-0 morph_absolute morph_left-1/2 morph_top-1/2 morph_-translate-x-1/2 morph_-translate-y-1/2 group-hover:morph_opacity-90 morph_transition-opacity morph_duration-500 morph_pointer-events-none"></div> <a href="https://circleci.com/signup/" class="morph_button morph_button-primary morph_on-9pm morph_relative" ><span>Start for free</span><div class="morph_arrow"></div></a> </div> <div class="morph_relative morph_group"> <a href="https://circleci.com/pricing/build-your-plan/" class="morph_button morph_button-secondary morph_on-9pm morph_relative" ><span>Build your plan</span></a> </div> </div> </div> </section> <footer class="morph_bg-morph-midnight morph_text-body-light"> <div class="2xl:morph_container morph_mx-auto morph_px-8 lg:morph_px-16 morph_py-8 lg:morph_py-16"> <nav class="morph_grid morph_grid-cols-1 lg:morph_grid-cols-5 xl:morph_grid-cols-6 morph_gap-y-14 lg:morph_gap-y-24 morph_gap-x-8 xl:morph_gap-8 morph_pb-14 lg:morph_pb-24 2xl:morph_pb-28"> <div class="lg:morph_col-span-5 xl:morph_col-span-1"> <a data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "logo", "cta_text": "circleci" }' href="/" > <svg role="img" aria-label="CircleCI" fill="none" height="25" viewBox="0 0 116 25" width="116" xmlns="http://www.w3.org/2000/svg"><path d="m8.87876 12.6691c0-1.5781 1.30334-2.87304 2.89174-2.87304s2.8917 1.29494 2.8917 2.87304c0 1.5782-1.3033 2.8731-2.8917 2.8731-1.6292 0-2.89174-1.2544-2.89174-2.8731zm2.89174-12.018362c-5.66126 0-10.42647 3.844272-11.7705 9.064382v.1214c0 .32368.24437.56648.570196.56648h4.887394c.24437 0 .44801-.1214.52947-.3237 1.0182-2.18515 3.21753-3.68239 5.78344-3.68239 3.5026 0 6.3536 2.83262 6.3536 6.31269 0 3.4801-2.851 6.3127-6.3536 6.3127-2.56591 0-4.76524-1.4972-5.78344-3.6824-.08146-.2023-.2851-.3237-.52947-.3237h-4.887394c-.325826-.0405-.570196.2023-.570196.526v.1214c1.34403 5.2201 6.10924 9.0644 11.7705 9.0644 6.6794 0 12.0963-5.382 12.0963-12.0184 0-6.67688-5.4169-12.058862-12.0963-12.058862zm31.6458 14.851062h-1.6291c-.1222 0-.2036.0404-.2851.1214-.9367 1.4163-2.5659 2.347-4.3986 2.347-2.9732 0-5.3354-2.347-5.3354-5.3011 0-2.95398 2.4029-5.301 5.3354-5.301 1.8327 0 3.4619.93071 4.3986 2.34702.0815.08094.1629.1214.2851.1214h1.6291c.2037 0 .3666-.16186.3666-.36419 0-.04047 0-.1214-.0407-.16187-1.2219-2.42796-3.747-4.08706-6.6387-4.08706-4.1136 0-7.4533 3.31821-7.4533 7.4053 0 4.168 3.3397 7.4457 7.4533 7.4457 2.8917 0 5.4168-1.6591 6.6387-4.087.0407-.0405.0407-.081.0407-.1619 0-.1619-.1629-.3237-.3666-.3237zm4.9689-12.70636c0 .76885-.6517 1.41631-1.4255 1.41631s-1.4255-.64746-1.4255-1.41631c0-.76886.6517-1.41631 1.4255-1.41631.8146.04046 1.4255.64745 1.4255 1.41631zm-.3258 16.59106v-13.75844h-2.1179v13.75844c0 .2023.1629.3642.3665.3642h1.4255c.163 0 .3259-.1619.3259-.3642zm9.2046-14.08217c-2.1586.08093-3.8692 1.13305-4.9689 2.67076v-1.98284c0-.20233-.1629-.36419-.3665-.36419h-1.4255c-.2037 0-.3666.16186-.3666.36419v13.39425c0 .2023.1629.3642.3666.3642h1.4255c.2036 0 .3665-.1619.3665-.3642v-6.7174c0-2.79211 2.1993-5.09867 4.9689-5.26054.2036 0 .3665-.16186.3665-.36419v-1.41631c0-.16187-.1629-.32373-.3665-.32373zm14.1734 10.19747h-1.6291c-.1222 0-.2037.0404-.2851.1214-.9368 1.4163-2.5659 2.347-4.3987 2.347-2.9324 0-5.3354-2.3875-5.3354-5.3011 0-2.91351 2.403-5.301 5.3354-5.301 1.8328 0 3.4619.93071 4.3987 2.34702.0814.08094.1629.1214.2851.1214h1.6291c.2036 0 .3666-.16186.3666-.36419 0-.04047-.0001-.1214-.0408-.16187-1.2218-2.42796-3.747-4.08706-6.6387-4.08706-4.1135 0-7.4533 3.31821-7.4533 7.4053 0 4.087 3.3398 7.4053 7.4533 7.4053 2.8917 0 5.4169-1.6592 6.6387-4.0871.0407-.0405.0408-.0809.0408-.1619-.0408-.1214-.163-.2832-.3666-.2832zm4.2357-14.4464h-1.4254c-.2037 0-.3666.16186-.3666.36419v18.00741c0 .2023.1629.3642.3666.3642h1.4254c.2037 0 .3666-.1619.3666-.3642v-18.00741c0-.20233-.1629-.36419-.3666-.36419zm9.9377 4.20846c-4.1135 0-7.4532 3.31822-7.4532 7.40524 0 4.0871 3.3397 7.4053 7.4532 7.4053 2.8917 0 5.4169-1.6591 6.6387-4.087.0408-.0405.0408-.081.0408-.1619 0-.2023-.1629-.3642-.3666-.3642h-1.6291c-.1222 0-.2036.0405-.2851.1619-.9775 1.4163-2.5659 2.3065-4.3987 2.3065-2.688 0-4.9281-1.9828-5.2946-4.5726h12.3814c.2036 0 .3258-.1619.3665-.3238 0-.1214 0-.2428 0-.3642 0-4.08702-3.3397-7.40524-7.4533-7.40524zm-5.1317 6.02944c.6109-2.22563 2.688-3.88474 5.1317-3.88474s4.5209 1.65911 5.1318 3.88474zm33.2339-10.602096c-1.181 0-2.118.930716-2.118 2.104236 0 1.17351.937 2.10423 2.118 2.10423s2.118-.93072 2.118-2.10423c0-1.13305-.937-2.104236-2.118-2.104236zm1.752 4.936856v13.75844c0 .2023-.163.3642-.367.3642h-2.851c-.204 0-.366-.1619-.366-.3642v-13.75844zm-12.789 14.44634c3.462 0 6.394-2.3875 7.209-5.5843 0-.0405 0-.0405 0-.0809 0-.2023-.163-.3642-.367-.3642h-3.014c-.162 0-.285.0809-.325.2023-.611 1.3354-1.955 2.2661-3.544 2.2661-2.158 0-3.9097-1.74-3.9097-3.8847s1.7517-3.88476 3.9097-3.88476c1.589 0 2.933.93072 3.544 2.26606.04.1214.163.2024.325.2024h3.014c.204 0 .367-.1619.367-.3642 0-.0405 0-.0405 0-.081-.815-3.19677-3.747-5.58427-7.209-5.58427-4.1136 0-7.4533 3.31821-7.4533 7.40527 0 4.2085 3.3397 7.4862 7.4533 7.4862z" fill="currentColor"/></svg> <span class="morph_sr-only">CircleCI</span> </a> </div> <div class="morph_flex morph_flex-col morph_gap-4"> <h6 class="footer--heading morph_uppercase morph_text-small morph_font-bold" aria-level="2">Company</h6> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Company", "page_location": "footer - Company", "cta_text": "About Us" }' href="https://circleci.com/about/" >About Us</a> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Company", "page_location": "footer - Company", "cta_text": "Careers" }' href="https://circleci.com/careers/" >Careers</a> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Company", "page_location": "footer - Company", "cta_text": "Newsroom" }' href="https://circleci.com/newsroom/" >Newsroom</a> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Company", "page_location": "footer - Company", "cta_text": "CircleCI Brand" }' href="https://brand.circleci.com/613faff00/p/14ba30-circleci-brand" >CircleCI Brand&ensp;<svg class="morph_inline-block morph_align-[initial]" fill="none" height="12" viewBox="0 0 12 12" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m9.33318 10.6667h-8v-8.00003h3.33333v-1.33334h-3.706665c-.26-.00666-.506666.08667-.686666.26667-.186667.17333-.28000037.42-.2733337.67333v8.79337c-.00666667.2533.0866667.4933.2733337.6733.18.18.433333.2733.686666.2667h8.746665c.53329 0 .95999-.42.95999-.94v-3.73337h-1.33332zm.39333-9.33337h-2.39333c-.36667 0-.66667-.3-.66667-.666663 0-.366667.3-.666667.66667-.666667h4.00002c.3666 0 .6666.3.6666.666667v4.000003c0 .36666-.3.66666-.6666.66666-.3667 0-.6667-.3-.6667-.66666v-2.39334l-2.74665 2.74667c-.26.26-.68.26-.94 0s-.26-.68 0-.94z" fill="currentColor"/></svg></a> </div> <div class="morph_flex morph_flex-col morph_gap-4"> <h6 class="footer--heading morph_uppercase morph_text-small morph_font-bold" aria-level="2">Product</h6> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Product", "page_location": "footer - Product", "cta_text": "Overview" }' href="https://circleci.com/product/" >Overview</a> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Product", "page_location": "footer - Product", "cta_text": "Pricing" }' href="https://circleci.com/pricing/" >Pricing</a> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Product", "page_location": "footer - Product", "cta_text": "Enterprise" }' href="https://circleci.com/enterprise/" >Enterprise</a> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Product", "page_location": "footer - Product", "cta_text": "Security" }' href="https://circleci.com/security/" >Security</a> </div> <div class="morph_flex morph_flex-col morph_gap-4"> <h6 class="footer--heading morph_uppercase morph_text-small morph_font-bold" aria-level="2">Support</h6> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Support", "page_location": "footer - Support", "cta_text": "Get Support" }' href="https://support.circleci.com/hc/en-us/" >Get Support</a> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Support", "page_location": "footer - Support", "cta_text": "CircleCI Discuss" }' href="https://discuss.circleci.com/" >CircleCI Discuss&ensp;<svg class="morph_inline-block morph_align-[initial]" fill="none" height="12" viewBox="0 0 12 12" width="12" xmlns="http://www.w3.org/2000/svg"><path d="m9.33318 10.6667h-8v-8.00003h3.33333v-1.33334h-3.706665c-.26-.00666-.506666.08667-.686666.26667-.186667.17333-.28000037.42-.2733337.67333v8.79337c-.00666667.2533.0866667.4933.2733337.6733.18.18.433333.2733.686666.2667h8.746665c.53329 0 .95999-.42.95999-.94v-3.73337h-1.33332zm.39333-9.33337h-2.39333c-.36667 0-.66667-.3-.66667-.666663 0-.366667.3-.666667.66667-.666667h4.00002c.3666 0 .6666.3.6666.666667v4.000003c0 .36666-.3.66666-.6666.66666-.3667 0-.6667-.3-.6667-.66666v-2.39334l-2.74665 2.74667c-.26.26-.68.26-.94 0s-.26-.68 0-.94z" fill="currentColor"/></svg></a> </div> <div class="morph_flex morph_flex-col morph_gap-4"> <h6 class="footer--heading morph_uppercase morph_text-small morph_font-bold" aria-level="2">Developer</h6> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Developer", "page_location": "footer - Developer", "cta_text": "Documentation" }' href="https://circleci.com/docs/" >Documentation</a> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Developer", "page_location": "footer - Developer", "cta_text": "Changelog" }' href="https://circleci.com/changelog/" >Changelog</a> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Developer", "page_location": "footer - Developer", "cta_text": "Server Changelog" }' href="https://circleci.com/changelog/server/" >Server Changelog</a> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Developer", "page_location": "footer - Developer", "cta_text": "Self-Hosted Runner Changelog" }' href="https://circleci.com/changelog/runner/" >Self-Hosted Runner Changelog</a> </div> <div class="morph_flex morph_flex-col morph_gap-4"> <h6 class="footer--heading morph_uppercase morph_text-small morph_font-bold" aria-level="2">Getting Started</h6> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Getting Started", "page_location": "footer - Getting Started", "cta_text": "Build for Free" }' href="https://circleci.com/signup/" >Build for Free</a> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Getting Started", "page_location": "footer - Getting Started", "cta_text": "What is CI?" }' href="https://circleci.com/continuous-integration/" >What is CI?</a> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Getting Started", "page_location": "footer - Getting Started", "cta_text": "How to Get Started on CircleCI" }' href="https://circleci.com/docs/" >How to Get Started on CircleCI</a> <a class="footer--link" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "Getting Started", "page_location": "footer - Getting Started", "cta_text": "Migrate from Jenkins to CircleCI" }' href="https://circleci.com/docs/migrating-from-jenkins/" >Migrate from Jenkins to CircleCI</a> </div> </nav> <div class="morph_flex morph_flex-col lg:morph_flex-row morph_justify-between morph_gap-y-8 morph_gap-x-4"> <div class="morph_flex morph_flex-col lg:morph_flex-row morph_gap-y-8 morph_gap-x-4"> <span class="">© 2025 Circle Internet Services, Inc.</span> <nav class="morph_flex morph_flex-col lg:morph_flex-row morph_gap-y-8 morph_gap-x-4"> <a data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "legal", "page_location": "footer - legal", "cta_text": "Terms of Use" }' href="https://circleci.com/legal/terms-of-use/" >Terms of Use</a> <a data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "legal", "page_location": "footer - legal", "cta_text": "Privacy Policy" }' href="https://circleci.com/legal/privacy/" >Privacy Policy</a> <a data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "legal", "page_location": "footer - legal", "cta_text": "Cookie Policy" }' href="https://circleci.com/legal/cookie-policy/" >Cookie Policy</a> </nav> </div> <div class="outgoing-links"> <div class="morph_flex morph_gap-5"> <a href="https://circleci.com/blog/feed.xml" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "icons", "cta_text": "blog-feed"}' title="RSS" class="rss" > <svg viewBox="0 0 448 512" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="m25.57 176.1c-13.16-.7-24.6583 9.1-25.5177 22.3s9.173 24.65 22.39 25.5c120.1 7.875 225.7 112.7 233.6 233.6.8577 12.8 11.3577 22.5 23.0577 22.5.5313 0 1.062-.0313 1.594-.0625 13.22-.8438 23.25-12.28 22.39-25.5-8.484-144.1375-133.384-269.0375-277.514-278.3375zm6.43-144.1c-17.67 0-32 14.31-32 32s14.33 32 32 32c194.1 0 352 157.9 352 352 0 17.69 14.33 32 32 32s32-14.31 32-32c0-229.4-186.6-416-416-416zm31.1 319.9c-34.47 0-63.1 28.7-63.1 64.1s28.63 64 63.1 64 64.08-28.62 64.08-64-27.81-64.1-64.08-64.1z"/></svg> <span class="morph_sr-only">RSS</span> </a> <a href="https://www.linkedin.com/company/circleci" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "icons", "cta_text": "linkedin"}' title="LinkedIn" class="linkedin" > <svg viewBox="0 0 448 512" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="m416 32h-384.1c-17.6 0-31.9 14.5-31.9 32.3v383.4c0 17.8 14.3 32.3 31.9 32.3h384.1c17.6 0 32-14.5 32-32.3v-383.4c0-17.8-14.4-32.3-32-32.3zm-280.6 384h-66.4v-213.8h66.5v213.8zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5s17.2-38.5 38.5-38.5c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4v-104c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9v105.8h-66.4v-213.8h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9z"/></svg> <span class="morph_sr-only">LinkedIn</span> </a> <a href="https://github.com/circleci" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "icons", "cta_text": "github"}' title="GitHub" class="github" > <svg viewBox="0 0 496 512" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="m165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zm65.8-383.2c-138.7 0-244.8 105.3-244.8 244 0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1 100-33.2 167.8-128.1 167.8-239 0-138.7-112.5-244-251.2-244zm-147.6 344.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9s4.3 3.3 5.6 2.3c1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg> <span class="morph_sr-only">GitHub</span> </a> <a href="https://twitter.com/circleci" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "icons", "cta_text": "x"}' title="X" class="x" > <svg width="24" height="24" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="currentColor"/> </svg> <span class="morph_sr-only">X</span> </a> <a href="https://twitch.tv/circleci" data-analytics-action="click-outer-cta" data-analytics-properties='{ "location": "footer", "category": "icons", "cta_text": "twitch"}' title="Twitch" class="twitch" > <svg viewBox="0 0 512 512" width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="m391.17 103.47h-38.63v109.7h38.63zm-106.17-.47h-38.63v109.75h38.63zm-164.17-103-96.52 91.42v329.16h115.83v91.42l96.53-91.42h77.25l173.77-164.58v-256zm328.24 237.75-77.22 73.12h-77.24l-67.6 64v-64h-86.87v-274.29h308.93z"/></svg> <span class="morph_sr-only">Twitch</span> </a> </div> </div> </div> </div> <div style="background-image: url('https://d2qm0z2kzhiwa.cloudfront.net/assets/morph/sweater-2f179375ed5648fc3d539c56b335fa89.svg')" class="morph_bg-repeat-x morph_w-full morph_h-[500px] morph_bg-center"></div> </footer> <script type="text/javascript" src="https://d2qm0z2kzhiwa.cloudfront.net/assets/js-cookie/src/js.cookie-6e9eb1f53afb135aedaf90739c867738.js" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2qm0z2kzhiwa.cloudfront.net/assets/morph/utils-152e33f78de8ce6d099146884d724a6c.js" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2qm0z2kzhiwa.cloudfront.net/assets/morph/update-cookies-1a8d825e1ab3348a6a9ec8c688144c4f.js" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2qm0z2kzhiwa.cloudfront.net/assets/morph/id-user-7d2afb5570e5ce8e0d0928e4d9580139.js" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2qm0z2kzhiwa.cloudfront.net/assets/morph/outgoing-links-e9e99951324532c2c77833d54e2ce64f.js" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2qm0z2kzhiwa.cloudfront.net/assets/morph/resources-pagination-6d54210e3b3db7177dd2070467213604.js" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2qm0z2kzhiwa.cloudfront.net/assets/morph/track-events-30985bf0d365db735f40da9dbac982f4.js" crossorigin="anonymous"></script> <script type="text/javascript" src="https://d2qm0z2kzhiwa.cloudfront.net/assets/morph/video-dialog-65d77cf08e5dab8eafe955d25258f6f0.js" crossorigin="anonymous"></script> <script type="text/plain" src="https://d2qm0z2kzhiwa.cloudfront.net/assets/morph/analytics-8d9ddb7ec477c3f4af4f80b8ef1911af.js" crossorigin="anonymous" data-cookieconsent="marketing"> </script> </body> </html>

CINXE.COM

Pricing and Plan Information - CircleCI