.tj-count-rule{background:var(--color-primary);transform-origin:0;border-radius:2px;width:2.25rem;height:3px;margin:.5rem auto 0;display:block}@media (min-width:640px){.tj-stat .tj-count-rule{margin-inline:0}}.tj-count[data-phase=armed] .tj-count-num,.tj-count[data-phase=run] .tj-count-num{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:no-preference){.tj-count[data-phase=armed] .tj-count-rule,.tj-count[data-phase=run] .tj-count-rule{transform:scaleX(0)}.tj-count[data-phase=done] .tj-count-rule{transition:transform .55s var(--ease-out-expo);transform:scaleX(1)}.tj-stat:has(.tj-count[data-phase=armed]) .tj-stat-icon{opacity:0}:is(.tj-stat:has(.tj-count[data-phase=run]) .tj-stat-icon,.tj-stat:has(.tj-count[data-phase=done]) .tj-stat-icon){animation:tj-icon-pop .6s var(--ease-out-expo) both;animation-delay:calc(var(--i,0) * 90ms)}}@keyframes tj-icon-pop{0%{opacity:0;transform:scale(.5)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:no-preference){.tj-bar-enter{animation:tj-bar-up .8s var(--ease-out-expo) .35s both}}@keyframes tj-bar-up{0%{opacity:0;transform:translateY(32px)}}@media (prefers-reduced-motion:no-preference){.tj-phone-pulse:after{content:"";border:1px solid var(--color-primary);opacity:0;animation:tj-pulse 3.2s var(--ease-smooth) 1.8s infinite;border-radius:9999px;position:absolute;inset:-2px}.group:hover .tj-phone-pulse:after{opacity:0;animation:none}}@keyframes tj-pulse{0%{opacity:.65;transform:scale(1)}55%,to{opacity:0;transform:scale(1.3)}}.tj-grid{perspective:1200px}@media (prefers-reduced-motion:no-preference){[data-build-seq]:not([data-built]) .tj-card,[data-build-seq]:not([data-built]) .tj-card .tj-badge{opacity:0}[data-built] .tj-card{animation:tj-card-rise .7s var(--ease-out-expo) calc(var(--i,0) * 70ms) backwards;transform-style:preserve-3d}[data-built] .tj-card .tj-badge{animation:tj-badge-stamp .55s var(--ease-out-expo) calc(.28s + var(--i,0) * 70ms) backwards}}@keyframes tj-card-rise{0%{opacity:0;transform:translateY(34px)rotateX(9deg)scale(.97)}}@keyframes tj-badge-stamp{0%{opacity:0;transform:scale(.3)rotate(-18deg)}65%{opacity:1;transform:scale(1.12)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:no-preference){.tj-badge{transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.group:hover .tj-badge{transform:scale(1.1)rotate(-4deg)}@supports (animation-timeline:view()){.tj-step{animation:both tj-fade-up;animation-timeline:view();animation-range:entry calc(var(--i,0) * 10%) entry calc(40% + var(--i,0) * 10%)}.tj-step-num{animation:both tj-stamp;animation-timeline:view();animation-range:entry calc(8% + var(--i,0) * 10%) entry calc(46% + var(--i,0) * 10%)}.tj-step-arrow{animation:both tj-arrow-in;animation-timeline:view();animation-range:entry calc(34% + var(--i,0) * 10%) entry calc(64% + var(--i,0) * 10%)}}}@keyframes tj-fade-up{0%{opacity:0;transform:translateY(16px)}}@keyframes tj-stamp{0%{opacity:0;transform:scale(1.8)}}@keyframes tj-arrow-in{0%{opacity:0;transform:translate(-6px)}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.tj-tick-item{animation:both tj-fade-up;animation-timeline:view();animation-range:entry calc(var(--i,0) * 12%) entry calc(45% + var(--i,0) * 12%)}.tj-tick-item .tj-tick{animation:both tj-tick-pop;animation-timeline:view();animation-range:entry calc(6% + var(--i,0) * 12%) entry calc(52% + var(--i,0) * 12%)}}}@keyframes tj-tick-pop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}