.hero-highlight-slot{place-items:baseline center;display:grid}.hero-highlight-word{white-space:nowrap;color:var(--alternate-foreground);background-image:linear-gradient(105deg, color-mix(in oklab, var(--chart-4) 70%, var(--alternate)), var(--alternate), color-mix(in oklab, var(--chart-2) 55%, var(--alternate)));opacity:0;animation:hero-highlight-cycle 12s var(--ease-brand-out,cubic-bezier(.22, 1, .36, 1)) infinite;background-position:0 72%;background-repeat:no-repeat;background-size:0% .46em;border-radius:.12em;grid-area:1/1;padding:0 .14em}.hero-highlight-word:first-child{opacity:1;animation-delay:0s}.hero-highlight-word:nth-child(2){animation-delay:3s}.hero-highlight-word:nth-child(3){animation-delay:6s}.hero-highlight-word:nth-child(4){animation-delay:9s}@keyframes hero-highlight-cycle{0%{opacity:1;background-size:0% .46em}11%{opacity:1;background-size:100% .46em}22%{opacity:1;background-size:100% .46em}25%,to{opacity:0;background-size:100% .46em}}@media (prefers-reduced-motion:reduce){.hero-highlight-word{opacity:0;background-size:100% .46em;animation:none}.hero-highlight-word:first-child{opacity:1}}
.hero-demo-cta,.hero-start-cta{isolation:isolate;position:relative;overflow:hidden}.hero-demo-cta{box-shadow:0 0 0 1px color-mix(in oklab, var(--primary) 45%, white), 0 14px 36px -14px color-mix(in oklab, var(--primary) 78%, transparent), 0 0 42px -10px color-mix(in oklab, var(--primary) 48%, transparent)}.hero-demo-cta__spark{background:conic-gradient(from 180deg, transparent 0 74%, #ffffffeb 86%, transparent 96%);animation:3.4s linear infinite hero-demo-spark;position:absolute;inset:-55%}.hero-demo-cta__fill{border-radius:calc(var(--radius-lg) - 1px);background:var(--primary-btn);position:absolute;inset:1.5px}.hero-demo-cta:hover .hero-demo-cta__fill,.hero-demo-cta:focus-visible .hero-demo-cta__fill{background:var(--primary-btn-hover)}.hero-demo-cta:active .hero-demo-cta__fill{background:var(--primary-btn-active)}.hero-demo-cta__label,.hero-start-cta__label{z-index:1;align-items:center;gap:.5rem;display:inline-flex;position:relative}.hero-demo-cta:hover,.hero-demo-cta:focus-visible{box-shadow:0 0 0 1px color-mix(in oklab, var(--primary) 62%, white), 0 18px 40px -12px color-mix(in oklab, var(--primary) 84%, transparent), 0 0 48px -8px color-mix(in oklab, var(--primary) 56%, transparent);transform:translateY(-2px)}.hero-demo-cta:active{transform:translateY(1px)}.hero-start-cta{background:#ffffff1a;border-color:#ffffff6b;box-shadow:inset 0 1px #ffffff29,0 10px 24px -16px #000000b3}.hero-start-cta__sheen{transition:transform .52s var(--ease-brand-out);background:linear-gradient(105deg,#0000 42%,#ffffff4d 50%,#0000 58%);position:absolute;inset:-30% -55%;transform:translate(-72%)skew(-14deg)}.hero-start-cta:hover,.hero-start-cta:focus-visible{border-color:color-mix(in oklab, var(--primary) 58%, white);box-shadow:inset 0 1px 0 #fff3, 0 0 28px -10px color-mix(in oklab, var(--primary) 55%, transparent);background:#ffffff29;transform:translateY(-2px)}.hero-start-cta:hover .hero-start-cta__sheen,.hero-start-cta:focus-visible .hero-start-cta__sheen{transform:translate(72%)skew(-14deg)}.hero-start-cta:active{transform:translateY(1px)}.hero-start-cta__arrow{transition:transform .18s var(--ease-brand-out)}.hero-start-cta:hover .hero-start-cta__arrow,.hero-start-cta:focus-visible .hero-start-cta__arrow{transform:translate(3px)}@keyframes hero-demo-spark{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hero-demo-cta,.hero-start-cta,.hero-start-cta__arrow,.hero-start-cta__sheen{transition:none}.hero-demo-cta:hover,.hero-demo-cta:focus-visible,.hero-demo-cta:active,.hero-start-cta:hover,.hero-start-cta:focus-visible,.hero-start-cta:active{transform:none}.hero-demo-cta__spark{opacity:.35;animation:none}.hero-start-cta__sheen{content:none;transform:none}}
.how-flow{position:relative;overflow:hidden}.how-flow:after{content:"";background:linear-gradient(var(--how-flow-angle,90deg), transparent 0%, var(--primary) 50%, transparent 100%);background-size:200% 100%;animation:2.4s linear infinite how-flow;position:absolute;inset:0}.how-flow--vertical:after{background-size:100% 200%;animation-name:how-flow-vertical}@keyframes how-flow{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes how-flow-vertical{0%{background-position:0 100%}to{background-position:0 -100%}}@media (prefers-reduced-motion:reduce){.how-flow:after{opacity:.6;animation:none}}