/* Original CSS treatment inspired by Magic UI's border-beam interaction.
   https://github.com/magicuidesign/magicui/blob/main/apps/www/registry/magicui/border-beam.tsx
   No component source or React runtime is bundled. */
@property --cpi-orbit { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.header-cta,.connect-arrow{position:relative;isolation:isolate}
.header-cta::before,.connect-arrow::before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;background:conic-gradient(from var(--cpi-orbit),transparent 0deg 250deg,var(--blue) 320deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0}
.header-cta:is(:hover,:focus-visible)::before,.connect-arrow:is(:hover,:focus-visible)::before{opacity:1;animation:cpi-orbit 1.1s ease-out 1}
.connect-arrow:hover{transform:translateY(-3px)}
@keyframes cpi-orbit{from{--cpi-orbit:0deg;opacity:0}20%{opacity:1}to{--cpi-orbit:360deg;opacity:1}}
@media(prefers-reduced-motion:reduce){.header-cta::before,.connect-arrow::before{animation:none!important}.connect-arrow:hover{transform:none}}