@keyframes fl-card-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:no-preference){.fl-radar-card{animation:fl-card-in .28s var(--ease-apple) both}}.fj-run{height:300vh;position:relative}.fj-pin{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(3rem,7vw,8rem);height:100vh;display:grid;position:sticky;top:0}.fj-steps{flex-direction:column;gap:1.6rem;display:flex}.fj-step{border-inline-start:2px solid var(--color-ink);grid-template-columns:2.75rem minmax(0,1fr);gap:.3rem .75rem;padding-inline-start:1.25rem;display:grid}.fj-step>:not(.fj-num){grid-column:2}.fj-num{font-variant-numeric:tabular-nums;grid-row:span 2;padding-top:.3rem;font-size:15px;font-weight:600}.fj-phone{width:min(38svh,340px);margin-inline-end:clamp(0rem,4vw,5rem)}@keyframes fj-turn{0%{--ry:-28deg;--rx:7deg}to{--ry:24deg;--rx:-3deg}}@keyframes fj-lit{0%{opacity:.22;border-inline-start-color:var(--color-hairline);translate:-10px}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.fj-run{view-timeline-name:--fj}.fj-phone>.phone{animation:linear both fj-turn;animation-timeline:--fj;animation-range:contain}.fj-step{animation:linear both fj-lit;animation-timeline:--fj;animation-range:contain calc(var(--k) * 17% + 2%) contain calc(var(--k) * 17% + 12%)}}}
