.cta-banner{position:relative;padding-block:var(--spacing-section-sm);isolation:isolate;overflow:hidden}@media (min-width:768px){.cta-banner{padding-block:var(--spacing-section)}}.cta-banner__backdrop{z-index:0;pointer-events:none}.cta-banner__backdrop,.cta-banner__backdrop-glow{position:absolute;inset:0}.cta-banner--accent .cta-banner__backdrop-glow{background:radial-gradient(ellipse 60% 80% at 20% 100%,color-mix(in srgb,var(--color-accent) 14%,transparent) 0,transparent 65%),radial-gradient(ellipse 40% 50% at 90% 20%,color-mix(in srgb,var(--color-foreground) 3%,transparent) 0,transparent 55%)}.cta-banner--surface .cta-banner__backdrop-glow{background:color-mix(in srgb,var(--color-surface-elevated) 60%,transparent)}.cta-banner--outline .cta-banner__backdrop-glow{background:radial-gradient(ellipse 50% 60% at 50% 50%,color-mix(in srgb,var(--color-foreground) 3%,transparent) 0,transparent 70%)}.cta-banner__container{position:relative;z-index:1}.cta-banner--split .cta-banner__shell{display:grid;gap:0;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-background);box-shadow:var(--shadow-card);overflow:hidden}@media (min-width:1024px){.cta-banner--split .cta-banner__shell{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:22rem}}.cta-banner--accent .cta-banner__shell{border-color:color-mix(in srgb,var(--color-accent-light) 45%,var(--color-border))}.cta-banner--accent .cta-banner__content{background:linear-gradient(165deg,color-mix(in srgb,var(--color-accent-light) 8%,var(--color-background)) 0,var(--color-background) 100%)}.cta-banner__visual{position:relative;min-height:14rem;background:#0f172a}@media (min-width:1024px){.cta-banner__visual{min-height:auto}}.cta-banner__photo{position:relative;width:100%;height:100%;min-height:14rem}@media (min-width:1024px){.cta-banner__photo{min-height:100%}}.cta-banner__photo-img{object-fit:cover;object-position:center}.cta-banner__photo-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgb(15 23 42/.1),rgb(15 23 42/.55)),linear-gradient(90deg,transparent 40%,rgb(15 23 42/.35))}.cta-banner__photo-label{position:absolute;left:1.25rem;bottom:1.25rem;z-index:1;padding:.375rem .75rem;font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(255 255 255/.9);background:rgb(255 255 255/.1);border:1px solid rgb(255 255 255/.15);border-radius:999px;backdrop-filter:blur(8px)}.cta-banner__content{display:flex;flex-direction:column;justify-content:center;padding:2rem 1.5rem;text-align:left}@media (min-width:768px){.cta-banner__content{padding:2.5rem}}@media (min-width:1024px){.cta-banner__content{padding:3rem 3.5rem}}.cta-banner__label{margin-bottom:var(--type-label-gap)}.cta-banner__title{max-width:28rem;margin-bottom:1rem}.cta-banner__description{max-width:32rem;margin-bottom:1.75rem}.cta-banner__actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1rem}.cta-banner__inner{padding:2.5rem 2rem;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-background);box-shadow:var(--shadow-card);text-align:center}@media (min-width:768px){.cta-banner__inner{padding:3.5rem 4rem}}.cta-banner--accent .cta-banner__inner{border-color:color-mix(in srgb,var(--color-accent-light) 45%,var(--color-border));background:linear-gradient(165deg,color-mix(in srgb,var(--color-accent-light) 8%,var(--color-background)) 0,var(--color-background) 100%)}.cta-code{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;min-height:14rem;padding:1.25rem;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 20% 0,rgb(37 99 235/.18) 0,transparent 55%),radial-gradient(ellipse 60% 50% at 100% 100%,rgb(124 58 237/.12) 0,transparent 50%),linear-gradient(160deg,#0b1220,#111827 50%,#0a101c)}@media (min-width:1024px){.cta-code{min-height:100%;padding:1.5rem}}.cta-code__scanline{inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgb(255 255 255/.015) 0,rgb(255 255 255/.015) 4px);opacity:.5}.cta-code__glow,.cta-code__scanline{position:absolute;pointer-events:none}.cta-code__glow{top:-20%;right:-10%;width:60%;height:60%;border-radius:50%;background:rgb(59 130 246/.12);filter:blur(50px);animation:cta-code-glow 8s ease-in-out infinite}@keyframes cta-code-glow{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(-12px,16px);opacity:1}}.cta-code__window{position:relative;z-index:1;border-radius:var(--radius-lg);border:1px solid rgb(255 255 255/.1);background:rgb(15 23 42/.75);box-shadow:0 20px 48px rgb(0 0 0/.35),inset 0 1px 0 rgb(255 255 255/.06);backdrop-filter:blur(12px);overflow:hidden}.cta-code__titlebar{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-bottom:1px solid rgb(255 255 255/.08);background:rgb(0 0 0/.25)}.cta-code__dots{display:flex;gap:.3125rem}.cta-code__dots span{width:.5rem;height:.5rem;border-radius:50%;background:rgb(255 255 255/.18)}.cta-code__dots span:first-child{background:#ef4444;opacity:.85}.cta-code__dots span:nth-child(2){background:#f59e0b;opacity:.85}.cta-code__dots span:nth-child(3){background:#22c55e;opacity:.85}.cta-code__filename{flex:1;font-family:var(--font-mono,ui-monospace,monospace);font-size:.6875rem;color:rgb(255 255 255/.55)}.cta-code__live{display:inline-flex;align-items:center;gap:.375rem;font-size:.625rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#4ade80}.cta-code__live-dot{width:.375rem;height:.375rem;border-radius:50%;background:#4ade80;box-shadow:0 0 8px rgb(74 222 128/.6);animation:cta-code-pulse 2s ease-in-out infinite}@keyframes cta-code-pulse{0%,to{opacity:1}50%{opacity:.4}}.cta-code__body{position:relative;max-height:9.5rem;overflow:hidden;mask-image:linear-gradient(180deg,black 70%,transparent)}.cta-code__lines{padding:.875rem 1rem;animation:cta-code-scroll 18s linear infinite}.cta-code__scroll--duplicate{padding:0 1rem .875rem;animation:cta-code-scroll 18s linear infinite}@keyframes cta-code-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.cta-code__line{display:flex;align-items:center;min-height:1.35rem;font-family:var(--font-mono,ui-monospace,monospace);font-size:.6875rem;line-height:1.4;white-space:nowrap}.cta-code__line-text{color:rgb(226 232 240/.88)}.cta-code--terminal .cta-code__line:first-child .cta-code__line-text{color:#93c5fd}.cta-code--terminal .cta-code__line:nth-child(2) .cta-code__line-text{color:#4ade80}.cta-code--terminal .cta-code__line:nth-child(4) .cta-code__line-text,.cta-code--terminal .cta-code__line:nth-child(5) .cta-code__line-text{color:#a5b4fc}.cta-code--terminal .cta-code__line:nth-child(6) .cta-code__line-text{color:#fbbf24}.cta-code--ide .cta-code__line:first-child .cta-code__line-text{color:#c084fc}.cta-code--ide .cta-code__line:nth-child(2) .cta-code__line-text{color:#93c5fd}.cta-code--ide .cta-code__line:nth-child(3) .cta-code__line-text{color:#f87171}.cta-code--ide .cta-code__line:nth-child(4) .cta-code__line-text{color:#4ade80}.cta-code--pipeline .cta-code__line:first-child .cta-code__line-text{color:#93c5fd}.cta-code--pipeline .cta-code__line:nth-child(3) .cta-code__line-text,.cta-code--pipeline .cta-code__line:nth-child(7) .cta-code__line-text{color:#c084fc}.cta-code--api .cta-code__line:first-child .cta-code__line-text{color:#4ade80}.cta-code--api .cta-code__line:nth-child(2) .cta-code__line-text{color:#93c5fd}.cta-code__line--cursor{padding-left:.25rem}.cta-code__cursor{display:inline-block;width:.5rem;height:.875rem;background:#60a5fa;animation:cta-code-blink 1s step-end infinite}@keyframes cta-code-blink{0%,to{opacity:1}50%{opacity:0}}.cta-code__caption{position:relative;z-index:1;margin-top:.875rem;padding-left:.25rem;font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgb(255 255 255/.45)}@media (prefers-reduced-motion:reduce){.cta-code__cursor,.cta-code__glow,.cta-code__lines,.cta-code__live-dot,.cta-code__scroll--duplicate{animation:none}}