/* Small motion: headings rise into place, cards fade up, charts grow from the baseline,
   rings fill, and things lift a little on hover. Everything plays once, as it comes into view. */
/* clip only below the word (so it can rise from under a line) and leave room on the sides and top, so round letters like O are never cut */
.a-word{display:inline-block;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em;clip-path:inset(-.4em -.25em 0 -.25em)}
.a-word>span{display:inline-block;transform:translateY(105%);transition:transform .9s cubic-bezier(.2,.75,.2,1);transition-delay:calc(var(--d,0)*60ms)}
.a-in .a-word>span{transform:none}

.a-up{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1);transition-delay:calc(var(--d,0)*80ms)}
.a-up.a-in{opacity:1;transform:none}

/* charts grow up from the baseline, then the markers appear */
.a-chart .c-line,.a-chart .c-area{transform:scaleY(0);transition:transform 1.3s cubic-bezier(.2,.75,.2,1)}
.a-chart .c-pin{opacity:0;transition:opacity .5s ease 1s}
.a-chart.a-in .c-line,.a-chart.a-in .c-area{transform:none}
.a-chart.a-in .c-pin{opacity:1}
.spark path{transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}

/* AI rings fill */
.a-ring .f{transition:stroke-dasharray 1.4s cubic-bezier(.2,.75,.2,1) .2s}

/* hover: cards lift, chips and pins react */
.t,.kc{transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s ease}
@media(hover:hover){
  .t:hover,.cards .kc:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--line),0 26px 50px -30px rgba(12,15,13,.35)}
  .t.dk:hover,.t.job.now:hover{box-shadow:0 26px 50px -26px rgba(12,15,13,.55)}
  .t.sv.focus:hover{box-shadow:inset 0 0 0 2px #0F7A52,0 26px 50px -30px rgba(12,15,13,.35)}
  .sv li,.job .jtags li,.pls span{transition:background .25s,color .25s,transform .25s}
  .sv li:hover,.job .jtags li:hover{transform:translateY(-2px);background:#D8EFE3;color:#0A5C3D}
  .t.dk .sv li:hover,.t.dk.sv li:hover,.t.job.now .jtags li:hover{background:#1C2A22;color:#5BD39C}
  .pls span:hover{transform:translateY(-2px);border-color:#5BD39C;color:#5BD39C}
  .c-pin .c-dot{transition:r .25s}
  .chart:hover .c-pin .c-dot{r:6}
  .cards .kc-ai{transition:background .3s}
  .cards .kc:hover .kc-ai{background:#E1F2E9}
}
@media(prefers-reduced-motion:reduce){
  .a-word>span,.a-up,.a-chart .c-line,.a-chart .c-area,.a-chart .c-pin{transform:none!important;opacity:1!important;transition:none!important}
  .t,.kc{transition:none}
}
x-n{display:inline;font:inherit;color:inherit;margin:0;padding:0}