.cta-sheen:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,#0000 30%,#ffffff73 50%,#0000 70%);transition:transform .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;transform:translate(-120%)}.cta-sheen:hover:after,.cta-sheen:focus-visible:after{transform:translate(120%)}.cta-arrow-swap{width:1.125rem;height:1.125rem;display:inline-flex;position:relative;overflow:hidden}.cta-arrow-swap svg{transition:transform .38s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.cta-arrow-swap svg:last-child{transform:translate(-150%)}.group:hover .cta-arrow-swap svg:first-child,.group:focus-visible .cta-arrow-swap svg:first-child{transform:translate(150%)}.group:hover .cta-arrow-swap svg:last-child,.group:focus-visible .cta-arrow-swap svg:last-child{transform:translate(0)}@keyframes cta-ping{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.group:hover .cta-ping,.group:focus-visible .cta-ping{animation:1.2s cubic-bezier(.16,1,.3,1) infinite cta-ping}@media (prefers-reduced-motion:reduce){.cta-sheen:after,.cta-arrow-swap svg{transition:none!important}.cta-ping{animation:none!important}}.cta-tip{z-index:30;white-space:nowrap;border:1px solid var(--color-surface-border);background:var(--color-surface-light);color:var(--color-muted);opacity:0;transform-origin:top;pointer-events:none;border-radius:.5rem;padding:.4rem .7rem;font-size:.8125rem;line-height:1.2;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1);position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%)translateY(-.25rem)rotate(-1.2deg)scale(.96);box-shadow:0 10px 24px -12px #000000b3}.cta-tip:after{content:"";border-top:1px solid var(--color-surface-border);border-left:1px solid var(--color-surface-border);background:var(--color-surface-light);width:.5rem;height:.5rem;margin:0 0 -.3rem -.25rem;position:absolute;bottom:100%;left:50%;transform:rotate(45deg)}@media (hover:hover) and (pointer:fine){.cta-tip-wrap:hover .cta-tip,.cta-tip-wrap:focus-within .cta-tip{opacity:1;transform:translate(-50%)translateY(0)rotate(-1.2deg)scale(1)}}@media (prefers-reduced-motion:reduce){.cta-tip{transition:opacity .12s linear;transform:translate(-50%)rotate(-1.2deg)}.cta-tip-wrap:hover .cta-tip,.cta-tip-wrap:focus-within .cta-tip{transform:translate(-50%)rotate(-1.2deg)}}.hero-rule{background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--color-primary) 20%, transparent) 8%, color-mix(in srgb, var(--color-primary) 50%, transparent) 22%, color-mix(in srgb, var(--color-primary-light) 72%, transparent) 50%, color-mix(in srgb, var(--color-primary) 50%, transparent) 78%, color-mix(in srgb, var(--color-primary) 20%, transparent) 92%, transparent 100%);box-shadow:0 0 10px 0 color-mix(in srgb, var(--color-primary-light) 26%, transparent), 0 0 36px 1px color-mix(in srgb, var(--color-primary) 20%, transparent)}@media (min-width:1024px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.hero-mockup-parallax{transform-origin:50% 0;will-change:transform;animation:linear both hero-mockup-grow;animation-timeline:scroll(root);animation-range:0 80vh}}}@keyframes hero-mockup-grow{0%{transform:scale(1)}to{transform:scale(1.09)}}