@property --landing-cta-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.landing-cta-band{--landing-cta-contour:1.5px;--landing-cta-radius:var(--radius-2xl);--landing-cta-duration:7s;box-sizing:border-box;padding:var(--landing-cta-contour);border-radius:var(--landing-cta-radius);background:conic-gradient(from var(--landing-cta-angle), color-mix(in srgb, var(--landing-cta-from,var(--zap-green)) 10%, transparent) 0deg, var(--landing-cta-from,var(--zap-green)) 42deg, var(--landing-cta-peak,var(--zap-aqua)) 88deg, color-mix(in srgb, var(--landing-cta-from,var(--zap-green)) 30%, transparent) 140deg, #ffffff14 190deg, #ffffff14 300deg, color-mix(in srgb, var(--landing-cta-from,var(--zap-green)) 10%, transparent) 360deg);animation:landingCtaBorderSpin var(--landing-cta-duration) linear infinite;position:relative}.landing-cta-band:before{content:"";z-index:-1;border-radius:inherit;background:conic-gradient(from var(--landing-cta-angle), transparent 0deg, color-mix(in srgb, var(--landing-cta-from,var(--zap-green)) 16%, transparent) 40deg, color-mix(in srgb, var(--landing-cta-peak,var(--zap-aqua)) 18%, transparent) 88deg, color-mix(in srgb, var(--landing-cta-from,var(--zap-green)) 10%, transparent) 140deg, transparent 195deg, transparent 360deg);opacity:.4;filter:blur(16px);pointer-events:none;animation:landingCtaBorderSpin var(--landing-cta-duration) linear infinite;transition:opacity .22s cubic-bezier(.22,1,.36,1);position:absolute;inset:-10px}.landing-cta-band:hover:before,.landing-cta-band:focus-within:before{opacity:.7}.landing-cta-band__inner{z-index:1;border-radius:calc(var(--landing-cta-radius) - var(--landing-cta-contour));position:relative}@keyframes landingCtaBorderSpin{to{--landing-cta-angle:360deg}}@media (prefers-reduced-motion:reduce){.landing-cta-band{animation:none}.landing-cta-band:before{transition:none;animation:none}}.landing-cta-band.landing-cta-band--layered{background:0 0;animation:none}.landing-cta-band.landing-cta-band--layered:before{content:none}.landing-cta-band__contour,.landing-cta-band__bloom{border-radius:inherit;pointer-events:none;position:absolute;overflow:hidden;container-type:size}.landing-cta-band__contour{z-index:0;inset:0}.landing-cta-band__bloom{z-index:-1;opacity:.4;filter:blur(16px);transition:opacity .22s cubic-bezier(.22,1,.36,1);inset:-10px}.landing-cta-band--layered:hover .landing-cta-band__bloom,.landing-cta-band--layered:focus-within .landing-cta-band__bloom{opacity:.7}.landing-cta-band__contour:before,.landing-cta-band__bloom:before{content:"";width:calc(100cqw + 100cqh);height:calc(100cqw + 100cqh);animation:landingCtaBorderRotate var(--landing-cta-duration) linear infinite;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-cta-band__contour:before{background:conic-gradient(from 0deg, color-mix(in srgb, var(--landing-cta-from,var(--zap-green)) 10%, transparent) 0deg, var(--landing-cta-from,var(--zap-green)) 42deg, var(--landing-cta-peak,var(--zap-aqua)) 88deg, color-mix(in srgb, var(--landing-cta-from,var(--zap-green)) 30%, transparent) 140deg, #ffffff14 190deg, #ffffff14 300deg, color-mix(in srgb, var(--landing-cta-from,var(--zap-green)) 10%, transparent) 360deg)}.landing-cta-band__bloom:before{background:conic-gradient(from 0deg, transparent 0deg, color-mix(in srgb, var(--landing-cta-from,var(--zap-green)) 16%, transparent) 40deg, color-mix(in srgb, var(--landing-cta-peak,var(--zap-aqua)) 18%, transparent) 88deg, color-mix(in srgb, var(--landing-cta-from,var(--zap-green)) 10%, transparent) 140deg, transparent 195deg, transparent 360deg)}@keyframes landingCtaBorderRotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.landing-cta-band__contour:before,.landing-cta-band__bloom:before{animation:none}.landing-cta-band__bloom{transition:none}}.landing-cta-band--pass{--landing-cta-from:var(--zap-pass-purple);--landing-cta-peak:#c4b5fd}
