@layer components{:where(.mk-cta,.mk-cta *){box-sizing:border-box}.mk-cta{width:100%;container:mk-cta/inline-size}.mk-cta-inner{isolation:isolate;border-radius:var(--radius-xl);background:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding:3.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.mk-cta-copy{gap:.75rem;justify-items:inherit;max-width:40rem;display:grid}.mk-cta-title{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(1.75rem,4.5cqi,2.75rem);font-weight:600;line-height:1.1}.mk-cta-desc{color:var(--muted-foreground);text-wrap:pretty;margin:0;font-size:1.0625rem}.mk-cta-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.mk-cta-note{color:var(--muted-foreground);margin:0;font-size:.8125rem}.mk-cta-form{flex-wrap:wrap;gap:.5rem;width:100%;max-width:26rem;display:flex;& .input{flex:12rem}}.mk-cta[data-variant=dark] .mk-cta-inner{background:radial-gradient(50% 80% at 15% 0%, color-mix(in oklch, var(--chart-1) 45%, transparent), transparent 70%), radial-gradient(45% 80% at 90% 100%, color-mix(in oklch, var(--chart-2) 40%, transparent), transparent 70%), var(--foreground);color:var(--background);& :is(.mk-cta-desc,.mk-cta-note){color:color-mix(in oklch, var(--background) 72%, transparent)}}.mk-cta[data-variant=image] .mk-cta-inner{color:#fff;background:0 0;padding-block:5rem;&:before{content:"";z-index:-1;background:linear-gradient(oklch(15% .02 260/.55),oklch(15% .02 260/.75));position:absolute;inset:0}& .mk-cta-desc{color:oklch(100% 0 0/.82)}& .btn[data-variant=outline]{color:inherit;background:0 0;border-color:oklch(100% 0 0/.45)}}.mk-cta-bg{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@container mk-cta (width>=44rem){.mk-cta[data-variant=split] .mk-cta-inner{text-align:start;flex-direction:row;justify-content:space-between;gap:2rem;padding:2.5rem 3rem}.mk-cta[data-variant=split] .mk-cta-copy{justify-items:start}.mk-cta[data-variant=split] .mk-cta-actions{flex:none}}@media (forced-colors:active){.mk-cta-inner{border:1px solid canvastext}}}