@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}.pl{--pl-cycle:7s;--pl-hop:.895s;--pl-node:3.5rem;isolation:isolate;border-radius:var(--radius-2xl,1rem);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-ink,#050505);background-color:var(--color-ink,#050505);padding-inline:calc(var(--spacing,.25rem) * 6);padding-block:calc(var(--spacing,.25rem) * 10);color:var(--color-white,#fff);--tw-shadow:6px 6px 0 0 var(--tw-shadow-color,var(--color-purple));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);background-image:radial-gradient(42rem 16rem at 0 0,#396f938c,#0000 65%),radial-gradient(42rem 16rem at 100% 100%,#edd75a29,#0000 65%);position:relative;overflow:hidden}.pl:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 85%);mask-image:radial-gradient(#000 30%,#0000 85%)}.pl__track{gap:calc(var(--spacing,.25rem) * 8);flex-direction:column;margin:0;padding:0;list-style-type:none;display:flex;position:relative}.pl__rail{left:calc(var(--pl-node) / 2 - 2px);top:calc(var(--pl-node) / 2);bottom:calc(var(--pl-node) / 2);background:#ffffff24;border-radius:9999px;width:4px;position:absolute;overflow:hidden}.pl__pulse{background:linear-gradient(180deg, transparent, var(--color-purple) 55%, #fff);width:100%;height:22%;filter:drop-shadow(0 0 6px var(--color-purple));opacity:0;border-radius:9999px;position:absolute;inset:0 auto auto 0}.pl__step{grid-template-columns:var(--pl-node) 1fr;text-align:left;grid-template-areas:"node num""node title""node text";align-items:center;column-gap:1rem;display:grid}.pl__node{z-index:1;width:var(--pl-node);height:var(--pl-node);border:2px solid var(--c,#70b1d7);border-radius:9999px;grid-area:node;place-items:center;display:grid;position:relative}@supports (color:color-mix(in lab, red, red)){.pl__node{border:2px solid color-mix(in srgb, var(--c,var(--color-purple)) 55%, transparent)}}.pl__node{background:var(--color-ink-soft);color:var(--c,var(--color-purple-light))}.pl__num{color:var(--c,var(--color-purple));font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-size:var(--text-label,.6875rem);line-height:var(--tw-leading,var(--text-label--line-height,.875rem));letter-spacing:var(--tw-tracking,var(--text-label--letter-spacing,.06em));font-weight:var(--tw-font-weight,var(--text-label--font-weight,700));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;grid-area:num}.pl__title{font-family:var(--font-archivo), ui-sans-serif, system-ui, sans-serif;font-size:var(--text-headline-sm,1.25rem);line-height:var(--tw-leading,var(--text-headline-sm--line-height,1.75rem));letter-spacing:var(--tw-tracking,var(--text-headline-sm--letter-spacing,-.01em));font-weight:var(--tw-font-weight,var(--text-headline-sm--font-weight,600));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));grid-area:title}.pl__text{font-size:var(--text-body-sm,.8125rem);line-height:var(--tw-leading,var(--text-body-sm--line-height,1.25rem));color:var(--color-purple-light,#cddef4);grid-area:text}.pl__step:hover .pl__title{color:var(--color-purple-light)}.pl__step[data-last=true] .pl__node{border-color:var(--color-yellow);background:var(--color-yellow);color:var(--color-ink);box-shadow:0 0 #edd75a00}.pl__step[data-last=true] .pl__title{color:var(--color-yellow)}.pl__step[data-last=true] .pl__num{color:var(--color-yellow-light)}.pl__step[data-last=true] .pl__node:after{content:"";border-radius:inherit;border:2px solid var(--color-yellow);opacity:0;position:absolute;inset:-2px}.pl__funnel,.pl__dots{display:none}@media (min-width:1024px){.pl{padding-inline:calc(var(--spacing,.25rem) * 10);padding-top:calc(var(--spacing,.25rem) * 14);padding-bottom:calc(var(--spacing,.25rem) * 12)}.pl__track{grid-template-columns:repeat(6,minmax(0,1fr));gap:0;display:grid}.pl__rail{left:8.33333%;right:8.33333%;top:calc(var(--pl-node) / 2 - 2px);width:auto;height:4px;bottom:auto}.pl__pulse{background:linear-gradient(90deg, transparent, var(--color-purple) 55%, #fff);width:22%;height:100%}.pl__step{text-align:center;grid-template-columns:1fr;grid-template-areas:"node""num""title""text";justify-items:center;row-gap:.25rem;padding:0 .5rem}.pl__num{margin-top:1rem}.pl__funnel{left:0;right:0;top:calc(var(--pl-node) / 2 - 4.5rem);z-index:-1;clip-path:polygon(0 0,100% 36%,100% 64%,0 100%);background:linear-gradient(90deg,#70b1d733,#edd75a3d);height:9rem;display:block;position:absolute}.pl__dots{left:0;top:calc(var(--pl-node) / 2);width:8.33333%;height:0;display:block;position:absolute}.pl__dot{background:var(--color-purple-light);opacity:0;border-radius:9999px;width:.4rem;height:.4rem;margin-top:-.2rem;position:absolute;top:0;left:0}}@media (prefers-reduced-motion:no-preference){.pl[data-live=true] .pl__pulse{animation:pl-run-y var(--pl-cycle) linear infinite}.pl[data-live=true] .pl__node{animation:pl-light var(--pl-cycle) ease-out infinite;animation-delay:calc(var(--i) * var(--pl-hop) - .1s)}.pl[data-live=true] .pl__step[data-last=true] .pl__node{animation-name:pl-light-final}.pl[data-live=true] .pl__step[data-last=true] .pl__node:after{animation:2.4s ease-out infinite pl-ping;animation-delay:calc(var(--i) * var(--pl-hop))}@media (min-width:1024px){.pl[data-live=true] .pl__pulse{animation-name:pl-run-x}.pl[data-live=true] .pl__dot{animation:3.2s ease-in infinite pl-signal;animation-delay:calc(var(--d) * .45s)}}}@media (prefers-reduced-motion:reduce){.pl__node{background:var(--c,var(--color-purple));color:var(--color-ink);border-color:#fff}.pl__step[data-last=true] .pl__node{border-color:var(--color-yellow);background:var(--color-yellow)}}@keyframes pl-run-y{0%{opacity:1;transform:translateY(-100%)}78%{opacity:1;transform:translateY(454%)}79%,to{opacity:0;transform:translateY(454%)}}@keyframes pl-run-x{0%{opacity:1;transform:translate(-100%)}78%{opacity:1;transform:translate(454%)}79%,to{opacity:0;transform:translate(454%)}}@keyframes pl-light{0%{border-color:color-mix(in srgb, var(--c,var(--color-purple)) 55%, transparent);background:var(--color-ink-soft);color:var(--c,var(--color-purple-light));transform:scale(1);box-shadow:0 0 #0000}4%{background:var(--c,var(--color-purple));color:var(--color-ink);box-shadow:0 0 0 8px color-mix(in srgb, var(--c,var(--color-purple)) 30%, transparent), 0 0 28px color-mix(in srgb, var(--c,var(--color-purple)) 75%, transparent);border-color:#fff;transform:scale(1.14)}24%{background:var(--c,var(--color-purple));color:var(--color-ink);box-shadow:0 0 0 0 transparent, 0 0 14px color-mix(in srgb, var(--c,var(--color-purple)) 45%, transparent);border-color:#fff;transform:scale(1.04)}38%,to{border-color:color-mix(in srgb, var(--c,var(--color-purple)) 55%, transparent);background:var(--color-ink-soft);color:var(--c,var(--color-purple-light));transform:scale(1);box-shadow:0 0 #0000}}@keyframes pl-light-final{0%,to{transform:scale(1);box-shadow:0 0 #edd75a00}4%{transform:scale(1.22);box-shadow:0 0 0 10px #edd75a4d,0 0 38px #edd75ad9}40%{transform:scale(1.08);box-shadow:0 0 #edd75a00,0 0 22px #edd75a8c}70%{transform:scale(1);box-shadow:0 0 #edd75a00}}@keyframes pl-ping{0%{opacity:.7;transform:scale(1)}80%,to{opacity:0;transform:scale(1.9)}}@keyframes pl-signal{0%{opacity:0;transform:translate(-.5rem, var(--y)) scale(1)}25%{opacity:.9}to{opacity:0;transform:translate(3.2rem)scale(.3)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false}