.marketing-theme{color:var(--foreground);background-color:var(--background)}.marketing-theme [id]{scroll-margin-top:5rem}.marketing-theme ::selection{color:#fff;background:#173da6}.marketing-theme .marketing-button{border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;min-height:2.75rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:500;transition:background-color .15s,transform .15s;display:inline-flex}.marketing-theme .marketing-button-primary{color:#fff;background:var(--marketing-brand);box-shadow:0 8px 28px #173da63d}.marketing-theme .marketing-button-primary:hover{background:var(--marketing-brand-bright)}.marketing-theme .marketing-button-secondary{border:1px solid var(--border);background:color-mix(in oklab, var(--surface) 70%, transparent)}.marketing-theme .marketing-button-secondary:hover{background:var(--muted)}.marketing-theme .marketing-header-button{min-height:2.25rem;padding:.5rem 1rem;font-size:.75rem}.marketing-theme .marketing-pill{border:1px solid color-mix(in oklab, var(--marketing-brand) 25%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(135deg,#fffc,#173da61a,#173da633);box-shadow:inset 0 1px #fff9,0 4px 20px #173da61a}.dark .marketing-theme .marketing-pill{background:linear-gradient(135deg,#ffffff1a,#173da626,#173da64d);border-color:#ffffff26;box-shadow:inset 0 1px #ffffff1f,0 4px 20px #173da626}.marketing-theme .marketing-dot-grid{background-image:radial-gradient(var(--border) 1px, transparent 1px);background-size:16px 16px}.marketing-theme .pricing-card-popular:before,.marketing-theme .pricing-card-popular:after{content:"";pointer-events:none;position:absolute;inset:0 0 auto}.marketing-theme .pricing-card-popular:before{background:linear-gradient(90deg,#0000,#173da6 25%,#5479db 50%,#173da6 75%,#0000);height:1px}.marketing-theme .pricing-card-popular:after{background:radial-gradient(at 50% 0,#173da629,#0000 70%);height:80px}.marketing-theme .animate-orbit{transform:rotate(calc(var(--angle) * 1deg)) translateY(calc(var(--radius) * 1px)) rotate(calc(var(--angle) * -1deg));animation:marketing-orbit calc(var(--duration) * 1s) linear infinite}.marketing-theme .animate-orbit.marketing-orbit-reverse{animation-direction:reverse}.marketing-theme .animate-ripple{animation:marketing-ripple 2s ease calc(var(--i,0) * .2s) infinite}@keyframes marketing-orbit{0%{transform:rotate(calc(var(--angle) * 1deg)) translateY(calc(var(--radius) * 1px)) rotate(calc(var(--angle) * -1deg))}to{transform:rotate(calc(var(--angle) * 1deg + 360deg)) translateY(calc(var(--radius) * 1px)) rotate(calc(var(--angle) * -1deg - 360deg))}}@keyframes marketing-ripple{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(.9)}}.marketing-theme .marketing-hero{isolation:isolate;background-image:radial-gradient(circle at 16% 82%, color-mix(in oklab, var(--marketing-brand) 24%, transparent), transparent 34%), radial-gradient(circle at 82% 63%, color-mix(in oklab, var(--marketing-brand-bright) 22%, transparent), transparent 36%), linear-gradient(132deg, transparent 22%, color-mix(in oklab, var(--marketing-brand) 10%, transparent) 46%, color-mix(in oklab, var(--marketing-brand-bright) 15%, transparent) 62%, transparent 82%), linear-gradient(to bottom, color-mix(in oklab, var(--surface) 96%, black), var(--surface))}.dark .marketing-theme .marketing-hero{background-image:radial-gradient(circle at 16% 84%, color-mix(in oklab, var(--marketing-brand) 34%, transparent), transparent 35%), radial-gradient(circle at 84% 60%, color-mix(in oklab, var(--marketing-brand-bright) 30%, transparent), transparent 38%), linear-gradient(132deg, transparent 18%, color-mix(in oklab, var(--marketing-brand) 15%, transparent) 44%, color-mix(in oklab, var(--marketing-brand-bright) 21%, transparent) 62%, transparent 84%), linear-gradient(to bottom, #05060a, var(--surface))}@supports (color:lab(0% 0 0)){.dark .marketing-theme .marketing-hero{background-image:radial-gradient(circle at 16% 84%, color-mix(in oklab, var(--marketing-brand) 34%, transparent), transparent 35%), radial-gradient(circle at 84% 60%, color-mix(in oklab, var(--marketing-brand-bright) 30%, transparent), transparent 38%), linear-gradient(132deg, transparent 18%, color-mix(in oklab, var(--marketing-brand) 15%, transparent) 44%, color-mix(in oklab, var(--marketing-brand-bright) 21%, transparent) 62%, transparent 84%), linear-gradient(to bottom, lab(1.73982% .100553 -1.54286), var(--surface))}}.marketing-theme .marketing-hero:before{content:"";z-index:0;background:radial-gradient(circle at 32% 60%, color-mix(in oklab, var(--marketing-brand) 64%, transparent), transparent 34%), radial-gradient(circle at 68% 48%, color-mix(in oklab, var(--marketing-brand-bright) 54%, transparent), transparent 38%);clip-path:polygon(0 58%,28% 18%,62% 8%,100% 42%,82% 100%,18% 92%);filter:blur(72px);opacity:.52;pointer-events:none;position:absolute;inset:12% 5% -18%}.marketing-theme .marketing-hero:after{content:"";z-index:0;background:linear-gradient(108deg, transparent 28%, color-mix(in oklab, var(--marketing-brand) 11%, transparent) 46%, transparent 58%), linear-gradient(70deg, transparent 37%, color-mix(in oklab, var(--marketing-brand-bright) 10%, transparent) 55%, transparent 69%);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 8%,#000 55%,#0000 100%);mask-image:linear-gradient(#0000 8%,#000 55%,#0000 100%)}.marketing-theme .frame-cross{z-index:20;width:25px;height:25px;color:color-mix(in oklab, var(--foreground) 32%, transparent);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.marketing-theme .frame-cross.right-0{transform:translate(50%,-50%)}.marketing-theme .frame-cross.bottom-0{transform:translate(-50%,50%)}.marketing-theme .frame-cross.right-0.bottom-0{transform:translate(50%,50%)}.marketing-theme .frame-cross:before,.marketing-theme .frame-cross:after{content:"";background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.marketing-theme .frame-cross:before{width:25px;height:1px}.marketing-theme .frame-cross:after{width:1px;height:25px}@media (prefers-reduced-motion:reduce){.marketing-theme *,.marketing-theme :before,.marketing-theme :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}