@layer utilities{@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.features-reveal{animation:features-reveal-in linear both;animation-timeline:view();animation-range:entry 0 entry 45%}@keyframes features-reveal-in{0%{transform:translateY(10px)}to{transform:translateY(0)}}}}}@layer utilities{.hero-relay{width:440px;transform:scale(var(--hero-scale,1));transform-origin:top center}@media (max-width:520px){.hero-relay{--hero-scale:0.82;margin-bottom:calc((var(--hero-scale) - 1) * 520px)}}@media (max-width:420px){.hero-relay{--hero-scale:0.74}}@media (max-width:360px){.hero-relay{--hero-scale:0.66}}.hero-relay .hr-track{stroke:var(--border-strong);stroke-width:1.5;stroke-dasharray:4 5;fill:none}.hero-relay .hr-pulse{display:none;fill:var(--mint-500)}.hero-relay .hr-guard{transform:scale(1.04)}.hero-relay .hr-wa{opacity:.78;transform:scale(.965)}.hero-relay .hr-console{transform:scale(1.03)}.hero-relay .hr-finger{opacity:0}.hero-relay .hr-reply{opacity:1}.hero-relay .hr-cpill-pending,.hero-relay .hr-gpill-pending{opacity:0}.hero-relay .hr-cpill-approved,.hero-relay .hr-gpill-approved{opacity:1}.hero-relay .hr-fill-1,.hero-relay .hr-fill-2,.hero-relay .hr-fill-3{width:100%}.hero-relay .hr-step-label{color:var(--fg-subtle)}.hero-relay .hr-step-3 .hr-step-label{color:var(--fg)}@media (prefers-reduced-motion:no-preference){.hero-relay .hr-pulse{display:block}.hero-relay .hr-guard{animation:hr-guard 10s var(--ease-out) infinite both}@keyframes hr-guard{0%,14%{opacity:1;transform:scale(1.04)}24%,62%{opacity:.78;transform:scale(.965)}72%,to{opacity:1;transform:scale(1.04)}}.hero-relay .hr-wa{animation:hr-wa 10s var(--ease-out) infinite both}@keyframes hr-wa{0%,24%{opacity:.78;transform:scale(.965)}32%,50%{opacity:1;transform:scale(1.05)}60%,to{opacity:.78;transform:scale(.965)}}.hero-relay .hr-console{animation:hr-console 10s var(--ease-out) infinite both}@keyframes hr-console{0%,60%{opacity:.82;transform:scale(.975)}68%,to{opacity:1;transform:scale(1.03)}}.hero-relay .hr-newrow{animation:hr-newrow 10s var(--ease-out) infinite both}@keyframes hr-newrow{0%{opacity:0;transform:translateY(6px)}6%,96%{opacity:1;transform:translateY(0)}to{opacity:0}}.hero-relay .hr-approve{animation:hr-approve 10s var(--ease-out) infinite both}@keyframes hr-approve{0%,40%{transform:scale(1)}42%{transform:scale(.97)}44%,to{transform:scale(1)}}.hero-relay .hr-finger{animation:hr-finger 10s var(--ease-out) infinite both}@keyframes hr-finger{0%,36%{opacity:0;transform:scale(1)}40%{opacity:1;transform:scale(1)}44%{opacity:1;transform:scale(.72)}48%,to{opacity:0;transform:scale(1.4)}}.hero-relay .hr-reply{animation:hr-reply 10s var(--ease-out) infinite both}@keyframes hr-reply{0%,46%{opacity:0;transform:translateY(6px)}52%,96%{opacity:1;transform:translateY(0)}to{opacity:0}}.hero-relay .hr-cpill-pending{animation:hr-cpill-pending 10s var(--ease-out) infinite both}@keyframes hr-cpill-pending{0%,63%{opacity:1}67%,96%{opacity:0}to{opacity:1}}.hero-relay .hr-cpill-approved{animation:hr-cpill-approved 10s var(--ease-out) infinite both}@keyframes hr-cpill-approved{0%,63%{opacity:0;transform:scale(.8)}67%,96%{opacity:1;transform:scale(1)}to{opacity:0}}.hero-relay .hr-gpill-pending{animation:hr-gpill-pending 10s var(--ease-out) infinite both}@keyframes hr-gpill-pending{0%,72%{opacity:1}76%,96%{opacity:0}to{opacity:1}}.hero-relay .hr-gpill-approved{animation:hr-gpill-approved 10s var(--ease-out) infinite both}@keyframes hr-gpill-approved{0%,72%{opacity:0;transform:scale(.8)}76%,96%{opacity:1;transform:scale(1)}to{opacity:0}}.hero-relay .hr-fill-1{animation:hr-fill-1 10s linear infinite both}@keyframes hr-fill-1{0%{width:0}26%,to{width:100%}}.hero-relay .hr-fill-2{animation:hr-fill-2 10s linear infinite both}@keyframes hr-fill-2{0%,28%{width:0}60%,to{width:100%}}.hero-relay .hr-fill-3{animation:hr-fill-3 10s linear infinite both}@keyframes hr-fill-3{0%,62%{width:0}92%,to{width:100%}}.hero-relay .hr-step-1 .hr-step-label{animation:hr-label-1 10s linear infinite both}@keyframes hr-label-1{0%,26%{color:var(--fg)}30%,to{color:var(--fg-subtle)}}.hero-relay .hr-step-2 .hr-step-label{animation:hr-label-2 10s linear infinite both}@keyframes hr-label-2{0%,27%{color:var(--fg-subtle)}31%,59%{color:var(--fg)}63%,to{color:var(--fg-subtle)}}.hero-relay .hr-step-3 .hr-step-label{animation:hr-label-3 10s linear infinite both}@keyframes hr-label-3{0%,61%{color:var(--fg-subtle)}65%,to{color:var(--fg)}}}}