/* Arrow Fill / Interactive Hover references, adapted to TeleAI's existing links. */
.figma-hero-actions .hero-connect,.figma-hero-actions .hero-contact{position:relative;isolation:isolate;overflow:hidden;transform:none!important}
.figma-hero-actions .hero-connect{transition:color .4s ease,box-shadow .4s ease;background:#16171c!important}
.figma-hero-actions .hero-connect::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1177ff 0%,#6881f1 100%);clip-path:circle(0 at calc(100% - 40px) 50%);transition:clip-path .55s cubic-bezier(.22,1,.36,1)}
.figma-hero-actions .hero-connect>span:first-child{position:relative;z-index:1;transition:color .35s ease}
.figma-hero-actions .hero-connect .hero-arrow{position:relative;overflow:hidden}
.figma-hero-actions .hero-connect .hero-arrow img{transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .25s}
.figma-hero-actions .hero-connect .hero-arrow::after{content:"";position:absolute;width:14px;height:12px;background:url('../img/hero-arrow.svg') center/14px 12px no-repeat;transform:translateX(-28px);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .25s}
.figma-hero-actions .hero-connect:is(:hover,:focus-visible){color:#fff;box-shadow:0 24px 40px rgba(2,19,68,.1),0 25px 18px rgba(2,19,68,.04)}
.figma-hero-actions .hero-connect:is(:hover,:focus-visible)::before{clip-path:circle(150% at calc(100% - 40px) 50%)}
.figma-hero-actions .hero-connect:is(:hover,:focus-visible) .hero-arrow img{transform:translateX(28px);opacity:0}
.figma-hero-actions .hero-connect:is(:hover,:focus-visible) .hero-arrow::after{transform:translateX(0);opacity:1}
.figma-hero-actions .hero-contact{padding-inline:30px;gap:8px;transition:color .3s ease}
.figma-hero-actions .hero-contact::before{content:"";position:absolute;inset:0;z-index:-1;background:#16171c;clip-path:circle(4px at 16px 50%);transition:clip-path .5s cubic-bezier(.22,1,.36,1)}
.figma-hero-actions .hero-contact>.contact-label{display:block;transition:transform .35s ease,opacity .25s ease}
.figma-hero-actions .hero-contact>.contact-hover{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 12px;color:#fff;opacity:0;transform:translateX(18px);transition:transform .35s ease,opacity .25s ease;pointer-events:none}
.contact-hover img{width:14px;height:12px;filter:brightness(0) invert(1);flex:none}
.figma-hero-actions .hero-contact:is(:hover,:focus-visible)::before{clip-path:circle(150% at 16px 50%)}
.figma-hero-actions .hero-contact:is(:hover,:focus-visible)>.contact-label{transform:translateX(18px);opacity:0}
.figma-hero-actions .hero-contact:is(:hover,:focus-visible)>.contact-hover{transform:translateX(0);opacity:1}
.figma-hero-actions a:active{scale:.98}
@media(prefers-reduced-motion:reduce){
 .figma-hero-actions a,.figma-hero-actions a::before,.figma-hero-actions a span,.figma-hero-actions a img,.figma-hero-actions .hero-arrow::after{transition:none!important}
 .figma-hero-actions a:active{scale:1}
}
@media(hover:none){
 .figma-hero-actions .hero-contact::before{clip-path:circle(0 at 16px 50%)}
}