{
  "scopeId": "cta-simple-justified",
  "tailwindCss": ".cta-simple-justified .mx-auto{margin-left:auto;margin-right:auto}.cta-simple-justified .mt-10{margin-top:2.5rem}.cta-simple-justified .flex{display:flex}.cta-simple-justified .max-w-2xl{max-width:42rem}.cta-simple-justified .max-w-7xl{max-width:80rem}.cta-simple-justified .items-center{align-items:center}.cta-simple-justified .gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.cta-simple-justified .rounded-md{border-radius:.375rem}.cta-simple-justified .bg-brand-600{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--pg-brand-600) calc(var(--tw-bg-opacity, 1)*100%),transparent)}.cta-simple-justified .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.cta-simple-justified .px-3\\.5{padding-left:.875rem;padding-right:.875rem}.cta-simple-justified .px-6{padding-left:1.5rem;padding-right:1.5rem}.cta-simple-justified .py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.cta-simple-justified .py-24{padding-bottom:6rem;padding-top:6rem}.cta-simple-justified .text-4xl{font-size:2.25rem;line-height:2.5rem}.cta-simple-justified .text-sm{font-size:.875rem;line-height:1.25rem}.cta-simple-justified .text-sm\\/6{font-size:.875rem;line-height:1.5rem}.cta-simple-justified .font-semibold{font-weight:600}.cta-simple-justified .tracking-tight{letter-spacing:-.025em}.cta-simple-justified .text-neutral-900{--tw-text-opacity:1;color:color-mix(in srgb,var(--pg-neutral-900) calc(var(--tw-text-opacity, 1)*100%),transparent)}.cta-simple-justified .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.cta-simple-justified .hover\\:bg-brand-500:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--pg-brand-500) calc(var(--tw-bg-opacity, 1)*100%),transparent)}.cta-simple-justified .hover\\:opacity-80:hover{opacity:.8}.cta-simple-justified .focus-visible\\:outline-2:focus-visible{outline-width:2px}.cta-simple-justified .focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.cta-simple-justified .focus-visible\\:outline-brand-600:focus-visible{outline-color:color-mix(in srgb,var(--pg-brand-600) 100%,transparent)}@media (min-width:640px){.cta-simple-justified .sm\\:py-32{padding-bottom:8rem;padding-top:8rem}.cta-simple-justified .sm\\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1024px){.cta-simple-justified .lg\\:mt-0{margin-top:0}.cta-simple-justified .lg\\:flex{display:flex}.cta-simple-justified .lg\\:shrink-0{flex-shrink:0}.cta-simple-justified .lg\\:items-center{align-items:center}.cta-simple-justified .lg\\:justify-between{justify-content:space-between}.cta-simple-justified .lg\\:px-8{padding-left:2rem;padding-right:2rem}}@media (prefers-color-scheme:dark){.cta-simple-justified .dark\\:bg-brand-500{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--pg-brand-500) calc(var(--tw-bg-opacity, 1)*100%),transparent)}.cta-simple-justified .dark\\:bg-neutral-900{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--pg-neutral-900) calc(var(--tw-bg-opacity, 1)*100%),transparent)}.cta-simple-justified .dark\\:text-neutral-100{--tw-text-opacity:1;color:color-mix(in srgb,var(--pg-neutral-100) calc(var(--tw-text-opacity, 1)*100%),transparent)}.cta-simple-justified .dark\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.cta-simple-justified .dark\\:shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.cta-simple-justified .dark\\:hover\\:bg-brand-400:hover{--tw-bg-opacity:1;background-color:color-mix(in srgb,var(--pg-brand-400) calc(var(--tw-bg-opacity, 1)*100%),transparent)}.cta-simple-justified .dark\\:focus-visible\\:outline-brand-500:focus-visible{outline-color:color-mix(in srgb,var(--pg-brand-500) 100%,transparent)}}",
  "dependencies": [],
  "version": "1.0",
  "processedHtml": "<div class=\"cta-simple-justified\"><!-- CTA Section: Simple justified -->\n<!-- Paste the HTML content here -->\n<div class=\"bg-white dark:bg-neutral-900\">\n    <div class=\"mx-auto max-w-7xl px-6 py-24 sm:py-32 lg:flex lg:items-center lg:justify-between lg:px-8\">\n      <h2 class=\"max-w-2xl text-4xl font-semibold tracking-tight text-neutral-900 sm:text-5xl dark:text-white\">\n        Ready to dive in?\n        <br />\n        Start your free trial today.\n      </h2>\n      <div class=\"mt-10 flex items-center gap-x-6 lg:mt-0 lg:shrink-0\">\n        <a href=\"#\" class=\"rounded-md bg-brand-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-brand-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-brand-600 dark:bg-brand-500 dark:shadow-none dark:hover:bg-brand-400 dark:focus-visible:outline-brand-500\"> Get started </a>\n        <a href=\"#\" class=\"text-sm/6 font-semibold text-neutral-900 hover:opacity-80 dark:text-neutral-100\">\n          Learn more\n          <span aria-hidden=\"true\">→</span>\n        </a>\n      </div>\n    </div>\n  </div></div>"
}