.fl{aspect-ratio:16/9;background:var(--fl-soft);--fl-cycle:7s;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.fl-frame{background:var(--background);border:1px solid var(--border);width:62%;color:var(--foreground);border-radius:1rem;gap:.7rem;padding:1rem 1.1rem;display:grid}.fl-phone .fl-frame{border-radius:1.4rem;width:44%}.fl-head{align-items:center;gap:.5rem;font-size:clamp(.8rem,1.6vw,1.05rem);line-height:1.1;display:flex}.fl-dot{background:var(--fl-color);border-radius:50%;flex:none;width:.6rem;height:.6rem}.fl-beats{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.fl-timeline .fl-beats{grid-auto-columns:1fr;grid-auto-flow:column}.fl-beats li{background:var(--fl-soft);opacity:0;animation:fl-beat var(--fl-cycle) ease-out infinite;animation-delay:calc(var(--i) * .9s + .4s);border-radius:.55rem;align-items:center;gap:.45rem;padding:.35rem .5rem;font-size:clamp(.62rem,1.2vw,.82rem);font-weight:650;display:flex;transform:translateY(6px)}.fl-chat li:nth-child(2n){background:var(--fl-color);color:var(--background);margin-left:18%}.fl-timeline li{text-align:center;justify-content:center}.fl-mark{border:2px solid var(--fl-color);width:.9rem;height:.9rem;color:var(--fl-color);border-radius:50%;flex:none;place-items:center;font-size:.55rem;display:grid}.fl-checklist .fl-mark,.fl-callouts .fl-mark{background:var(--fl-color)}.fl-chat .fl-mark,.fl-timeline .fl-mark,.fl-phone .fl-mark{display:none}.fl-progress{background:var(--fl-soft);border-radius:4px;height:4px;overflow:hidden}.fl-progress span{background:var(--fl-color);transform-origin:0;height:100%;animation:fl-bar var(--fl-cycle) linear infinite;display:block}@keyframes fl-beat{0%{opacity:0;transform:translateY(6px)}8%,80%{opacity:1;transform:none}92%,to{opacity:0;transform:translateY(-4px)}}@keyframes fl-bar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.fl-beats li{opacity:1;animation:none;transform:none}.fl-progress span{animation:none;transform:scaleX(1)}}