/* Shared "graceful float" idle animation for CTAs and pill/chip elements sitewide. */
@keyframes frog-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-4px)}
}
.btn,
.chip,
.pill,
.gantt-box,
.tbtn,
.faq-item h4{
  animation:frog-float 4.2s ease-in-out infinite;
}
.btn:nth-of-type(2n),.chip:nth-of-type(2n),.pill:nth-of-type(2n),.gantt-box:nth-of-type(2n){animation-delay:-1.4s}
.btn:nth-of-type(3n),.chip:nth-of-type(3n),.pill:nth-of-type(3n),.gantt-box:nth-of-type(3n){animation-delay:-2.8s}
.btn:hover,.chip:hover,.gantt-box:hover{animation-play-state:paused}
.faq-item h4{animation:none}
@media(prefers-reduced-motion:reduce){
  .btn,.chip,.pill,.gantt-box,.tbtn{animation:none!important}
}

/* Large flat icon helper — used next to headline eyebrows, feature rows, and product cards. */
.flat-icon{
  display:inline-flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.flat-icon svg{display:block;width:100%;height:100%}