/* Shared Tools-style project invitation. Ink adapts to each existing surface. */
.tl__end{--project-cta-ink:#f5f0fb;--project-cta-line:#ffffff80}.wg-end{--project-cta-ink:var(--wg-ink,#1b2440);--project-cta-line:#66597480}
.tl__end .project-start,.wg-end .project-start{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;overflow:visible;padding:15px 27px;min-height:48px;border:1px solid var(--project-cta-line);border-radius:999px;background:transparent;color:var(--project-cta-ink);font-size:14px;line-height:1.4;box-shadow:none;transform:none;text-decoration:none;transition:color .35s,box-shadow .5s,transform .5s,border-color .35s}
.tl__end .project-start:before,.wg-end .project-start:before{display:block;content:'';position:absolute;inset:-3px;border-radius:inherit;z-index:-1;background:linear-gradient(120deg,#ffffffe6,#b6a3e014 38%,#edd3a6b3 73%,#ffffffd9);filter:blur(6px);opacity:0;transition:opacity .45s;margin:0;pointer-events:none}
.tl__end .project-start:after,.wg-end .project-start:after{content:'';position:absolute;inset:0;width:auto;border-radius:inherit;background:linear-gradient(110deg,transparent 30%,#ffffff4d 49%,transparent 68%);background-size:300% 100%;background-position:100% 0;transform:none;opacity:0;pointer-events:none}
.tl__end .project-start:hover,.wg-end .project-start:hover,.tl__end .project-start:focus-visible,.wg-end .project-start:focus-visible{background:linear-gradient(155deg,#46465e,#1b243b 65%);color:#f5f0fb;border-color:#ffffffa0;box-shadow:inset 0 2px 2px #ffffff55,inset 0 -3px 2px #13192c,0 5px 0 -2px #22243b,0 12px 26px #44375040;transform:translateY(-2px)}
.tl__end .project-start:hover:before,.wg-end .project-start:hover:before,.tl__end .project-start:focus-visible:before,.wg-end .project-start:focus-visible:before{opacity:1}
.tl__end .project-start:hover:after,.wg-end .project-start:hover:after,.tl__end .project-start:focus-visible:after,.wg-end .project-start:focus-visible:after{animation:project-start-sweep .85s ease-out both}
@keyframes project-start-sweep{0%{opacity:0;background-position:100% 0}25%{opacity:1}100%{opacity:0;background-position:0 0}}
@media(prefers-reduced-motion:reduce){.tl__end .project-start,.wg-end .project-start{transition:none}.tl__end .project-start:hover,.wg-end .project-start:hover{transform:none}.tl__end .project-start:after,.wg-end .project-start:after{animation:none!important}}