.hero-demo-module__cktC0q__surface{container-type:inline-size}.hero-demo-module__cktC0q__root{position:relative;overflow:hidden}@container not (min-width:1174px){.hero-demo-module__cktC0q__root:not([data-painted]) .hero-demo-module__cktC0q__stage{visibility:hidden}}.hero-demo-module__cktC0q__stage{opacity:1;transition:opacity .35s ease-in-out;display:flex;position:absolute;inset:0}.hero-demo-module__cktC0q__root[data-demo-fade=out] .hero-demo-module__cktC0q__stage{opacity:0}.hero-demo-module__cktC0q__layerHost{z-index:30;pointer-events:none;position:absolute;inset:0}.hero-demo-module__cktC0q__overlay{z-index:40;pointer-events:none;transition:opacity .32s ease-in-out;position:absolute;inset:0}.hero-demo-module__cktC0q__overlayHidden{opacity:0}.hero-demo-module__cktC0q__pointer{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.hero-demo-module__cktC0q__pointerArrow{transform-origin:1px 1px;transition:transform 90ms ease-out;position:absolute;top:-1px;left:-1px}.hero-demo-module__cktC0q__pointerPressed .hero-demo-module__cktC0q__pointerArrow{transform:scale(.9)}.hero-demo-module__cktC0q__pressRing{opacity:0;border:2px solid #0000008c;border-radius:9999px;width:24px;height:24px;position:absolute;top:-12px;left:-12px}.hero-demo-module__cktC0q__pressRingActive{animation:.3s ease-out forwards hero-demo-module__cktC0q__heroDemoRing}.hero-demo-module__cktC0q__ghostHost{will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.hero-demo-module__cktC0q__ghostCard{opacity:1;animation:.14s ease-out forwards hero-demo-module__cktC0q__heroDemoLift;position:absolute;top:0;left:0}.hero-demo-module__cktC0q__routeFade{animation:.22s ease-out hero-demo-module__cktC0q__heroDemoFadeIn}.hero-demo-module__cktC0q__fadeIn{animation:.18s ease-out hero-demo-module__cktC0q__heroDemoFadeIn}.hero-demo-module__cktC0q__popIn{animation:.16s ease-out hero-demo-module__cktC0q__heroDemoPop}.hero-demo-module__cktC0q__panelRise{animation:.22s ease-out hero-demo-module__cktC0q__heroDemoRise}.hero-demo-module__cktC0q__cardSettle{animation:.18s ease-out hero-demo-module__cktC0q__heroDemoSettle}.hero-demo-module__cktC0q__caret{background-color:currentColor;align-self:stretch;width:1px;margin-left:1px;animation:1s step-end infinite hero-demo-module__cktC0q__heroDemoCaret;display:inline-block}[data-demo-hover]{background-image:linear-gradient(#0000000e,#0000000e)}[data-demo-hover-border]{border-color:color-mix(in oklab, var(--primary) 30%, transparent)}@keyframes hero-demo-module__cktC0q__heroDemoRing{0%{opacity:.9;transform:scale(.4)}to{opacity:0;transform:scale(1.7)}}@keyframes hero-demo-module__cktC0q__heroDemoLift{0%{transform:scale(1)rotate(0)}to{transform:scale(1.05)rotate(2deg)}}@keyframes hero-demo-module__cktC0q__heroDemoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes hero-demo-module__cktC0q__heroDemoPop{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes hero-demo-module__cktC0q__heroDemoRise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-demo-module__cktC0q__heroDemoSettle{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes hero-demo-module__cktC0q__heroDemoCaret{0%,50%{opacity:1}51%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.hero-demo-module__cktC0q__stage,.hero-demo-module__cktC0q__pointerArrow,.hero-demo-module__cktC0q__overlay{transition:none}.hero-demo-module__cktC0q__pressRingActive,.hero-demo-module__cktC0q__ghostCard,.hero-demo-module__cktC0q__routeFade,.hero-demo-module__cktC0q__fadeIn,.hero-demo-module__cktC0q__popIn,.hero-demo-module__cktC0q__panelRise,.hero-demo-module__cktC0q__cardSettle,.hero-demo-module__cktC0q__caret{animation:none}}