{
  "scopeId": "cta-split-image",
  "tailwindCss": ".cta-split-image .absolute{position:absolute}.cta-split-image .relative{position:relative}.cta-split-image .-bottom-24{bottom:-6rem}.cta-split-image .left-24{left:6rem}.cta-split-image .mx-auto{margin-left:auto;margin-right:auto}.cta-split-image .mt-2{margin-top:.5rem}.cta-split-image .mt-6{margin-top:1.5rem}.cta-split-image .mt-8{margin-top:2rem}.cta-split-image .inline-flex{display:inline-flex}.cta-split-image .size-full{height:100%;width:100%}.cta-split-image .h-80{height:20rem}.cta-split-image .w-231\\.5{width:57.875rem}.cta-split-image .max-w-7xl{max-width:80rem}.cta-split-image .transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cta-split-image .overflow-hidden{overflow:hidden}.cta-split-image .rounded-md{border-radius:.375rem}.cta-split-image .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-split-image .bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.cta-split-image .object-cover{-o-object-fit:cover;object-fit:cover}.cta-split-image .px-3\\.5{padding-left:.875rem;padding-right:.875rem}.cta-split-image .py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.cta-split-image .py-24{padding-bottom:6rem;padding-top:6rem}.cta-split-image .pl-6{padding-left:1.5rem}.cta-split-image .pr-6{padding-right:1.5rem}.cta-split-image .text-4xl{font-size:2.25rem;line-height:2.5rem}.cta-split-image .text-base\\/7{font-size:1rem;line-height:1.75rem}.cta-split-image .text-sm{font-size:.875rem;line-height:1.25rem}.cta-split-image .font-semibold{font-weight:600}.cta-split-image .tracking-tight{letter-spacing:-.025em}.cta-split-image .text-brand-600{--tw-text-opacity:1;color:color-mix(in srgb,var(--pg-brand-600) calc(var(--tw-text-opacity, 1)*100%),transparent)}.cta-split-image .text-neutral-600{--tw-text-opacity:1;color:color-mix(in srgb,var(--pg-neutral-600) calc(var(--tw-text-opacity, 1)*100%),transparent)}.cta-split-image .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-split-image .text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.cta-split-image .blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.cta-split-image .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-split-image .focus-visible\\:outline-2:focus-visible{outline-width:2px}.cta-split-image .focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.cta-split-image .focus-visible\\:outline-brand-600:focus-visible{outline-color:color-mix(in srgb,var(--pg-brand-600) 100%,transparent)}@media (min-width:640px){.cta-split-image .sm\\:py-32{padding-bottom:8rem;padding-top:8rem}.cta-split-image .sm\\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:768px){.cta-split-image .md\\:absolute{position:absolute}.cta-split-image .md\\:left-0{left:0}.cta-split-image .md\\:ml-auto{margin-left:auto}.cta-split-image .md\\:h-full{height:100%}.cta-split-image .md\\:w-1\\/3{width:33.333333%}.cta-split-image .md\\:w-2\\/3{width:66.666667%}.cta-split-image .md\\:pl-16{padding-left:4rem}}@media (min-width:1024px){.cta-split-image .lg\\:w-1\\/2{width:50%}.cta-split-image .lg\\:px-8{padding-left:2rem;padding-right:2rem}.cta-split-image .lg\\:py-40{padding-bottom:10rem;padding-top:10rem}.cta-split-image .lg\\:pl-24{padding-left:6rem}.cta-split-image .lg\\:pr-0{padding-right:0}}@media (min-width:1280px){.cta-split-image .xl\\:pl-32{padding-left:8rem}}@media (prefers-color-scheme:dark){.cta-split-image .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-split-image .dark\\:text-brand-400{--tw-text-opacity:1;color:color-mix(in srgb,var(--pg-brand-400) calc(var(--tw-text-opacity, 1)*100%),transparent)}.cta-split-image .dark\\:text-neutral-300{--tw-text-opacity:1;color:color-mix(in srgb,var(--pg-neutral-300) calc(var(--tw-text-opacity, 1)*100%),transparent)}.cta-split-image .dark\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.cta-split-image .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)}}",
  "dependencies": [],
  "version": "1.0",
  "processedHtml": "<div class=\"cta-split-image\"><!-- CTA Section: Split with image -->\n<!-- Paste the HTML content here -->\n<div class=\"relative bg-white dark:bg-neutral-900\">\n    <div class=\"relative h-80 overflow-hidden bg-brand-600 md:absolute md:left-0 md:h-full md:w-1/3 lg:w-1/2\">\n      <img src=\"https://images.unsplash.com/photo-1525130413817-d45c1d127c42?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1920&q=60&blend=6366F1&sat=-100&blend-mode=multiply\" alt=\"\" class=\"size-full object-cover\" />\n      <svg viewBox=\"0 0 926 676\" aria-hidden=\"true\" class=\"absolute -bottom-24 left-24 w-231.5 transform-gpu\" style=\"blur: 118px\">\n        <path d=\"m254.325 516.708-90.89 158.331L0 436.427l254.325 80.281 163.691-285.15c1.048 131.759 36.144 345.144 168.149 144.613C751.171 125.508 707.17-93.823 826.603 41.15c95.546 107.978 104.766 294.048 97.432 373.585L685.481 297.694l16.974 360.474-448.13-141.46Z\" fill=\"url(#60c3c621-93e0-4a09-a0e6-4c228a0116d8)\" fill-opacity=\".4\" />\n        <defs>\n          <linearGradient id=\"60c3c621-93e0-4a09-a0e6-4c228a0116d8\" x1=\"926.392\" x2=\"-109.635\" y1=\".176\" y2=\"321.024\" gradientUnits=\"userSpaceOnUse\">\n            <stop stop-color=\"#776FFF\" />\n            <stop offset=\"1\" stop-color=\"#FF4694\" />\n          </linearGradient>\n        </defs>\n      </svg>\n    </div>\n    <div class=\"relative mx-auto max-w-7xl py-24 sm:py-32 lg:px-8 lg:py-40\">\n      <div class=\"pr-6 pl-6 md:ml-auto md:w-2/3 md:pl-16 lg:w-1/2 lg:pr-0 lg:pl-24 xl:pl-32\">\n        <h2 class=\"text-base/7 font-semibold text-brand-600 dark:text-brand-400\">Award winning support</h2>\n        <p class=\"mt-2 text-4xl font-semibold tracking-tight text-neutral-900 sm:text-5xl dark:text-white\">We’re here to help</p>\n        <p class=\"mt-6 text-base/7 text-neutral-600 dark:text-neutral-300\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et, egestas tempus tellus etiam sed. Quam a scelerisque amet ullamcorper eu enim et fermentum, augue. Aliquet amet volutpat quisque ut interdum tincidunt duis.</p>\n        <div class=\"mt-8\">\n          <a href=\"#\" class=\"inline-flex 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:shadow-none\"> Visit the help center </a>\n        </div>\n      </div>\n    </div>\n  </div></div>"
}