@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-wrap{overflow:hidden}.marquee-track{animation:marquee 60s linear infinite}.marquee-track-reverse{animation-direction:reverse;animation-duration:75s}.marquee-wrap:hover .marquee-track{animation-play-state:paused}.web-demo [data-kind-panel]{display:none}.web-demo[data-kind=restaurant] [data-kind-panel=restaurant],.web-demo[data-kind=barber] [data-kind-panel=barber],.web-demo[data-kind=portfolio] [data-kind-panel=portfolio]{display:block}.web-appear-1,.web-appear-2,.web-appear-3{opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease}[data-demo][data-active="1"] .web-appear-1,[data-demo][data-active="2"] .web-appear-1,[data-demo][data-active="3"] .web-appear-1,[data-demo][data-active="2"] .web-appear-2,[data-demo][data-active="3"] .web-appear-2,[data-demo][data-active="3"] .web-appear-3{opacity:1;transform:none}.web-stack{display:grid}.web-stack>*{grid-area:1 / 1}.web-skeleton{opacity:1;transition:opacity .3s ease}.web-real{opacity:0;transition:opacity .3s ease}[data-demo][data-active="2"] .web-real,[data-demo][data-active="3"] .web-real{opacity:1}[data-demo][data-active="2"] .web-skeleton,[data-demo][data-active="3"] .web-skeleton{opacity:0}[data-demo][data-active="3"] .web-hero-btn{border-color:var(--color-accent-600);background:var(--color-accent-600);color:var(--color-white)}[data-demo][data-active="3"] .web-nav-logo{color:var(--color-accent-600)}[data-demo][data-active="3"] .web-card-icon{background:var(--color-accent-600)}[data-demo][data-active="3"] .web-gallery-tile{background:var(--color-accent-100)}.web-prompt{opacity:0;transition:opacity .25s ease}[data-demo][data-active="0"] .web-prompt{opacity:1}.web-prompt-text,.web-demo-url-text{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;border-right:1px solid transparent}.web-prompt-text--restaurant{width:57ch}.web-prompt-text--barber{width:56ch}.web-prompt-text--portfolio{width:58ch}.web-demo-url-text--restaurant{width:30ch}.web-demo-url-text--barber{width:31ch}.web-demo-url-text--portfolio{width:32ch}[data-demo][data-active="0"] .web-prompt-text--restaurant{width:0;border-color:currentColor;animation:web-type-restaurant 1.6s steps(57,end) forwards}[data-demo][data-active="0"] .web-prompt-text--barber{width:0;border-color:currentColor;animation:web-type-barber 1.6s steps(56,end) forwards}[data-demo][data-active="0"] .web-prompt-text--portfolio{width:0;border-color:currentColor;animation:web-type-portfolio 1.6s steps(58,end) forwards}[data-demo][data-active="0"] .web-demo-url-text--restaurant{width:0;animation:web-type-url-restaurant 1.3s steps(30,end) forwards}[data-demo][data-active="0"] .web-demo-url-text--barber{width:0;animation:web-type-url-barber 1.3s steps(31,end) forwards}[data-demo][data-active="0"] .web-demo-url-text--portfolio{width:0;animation:web-type-url-portfolio 1.3s steps(32,end) forwards}@keyframes web-type-restaurant{0%{width:0}to{width:57ch}}@keyframes web-type-barber{0%{width:0}to{width:56ch}}@keyframes web-type-portfolio{0%{width:0}to{width:58ch}}@keyframes web-type-url-restaurant{0%{width:0}to{width:30ch}}@keyframes web-type-url-barber{0%{width:0}to{width:31ch}}@keyframes web-type-url-portfolio{0%{width:0}to{width:32ch}}html,body{overflow-x:clip}.web-demo:not(.web-js) .web-appear-1,.web-demo:not(.web-js) .web-appear-2,.web-demo:not(.web-js) .web-appear-3{opacity:1!important;transform:none!important}.web-demo:not(.web-js) .web-skeleton{opacity:0!important}.web-demo:not(.web-js) .web-real{opacity:1!important}.web-demo:not(.web-js) .web-prompt{opacity:0!important}.web-demo:not(.web-js) .web-hero-btn{border-color:var(--color-accent-600);background:var(--color-accent-600);color:var(--color-white)}.web-demo:not(.web-js) .web-nav-logo{color:var(--color-accent-600)}.web-demo:not(.web-js) .web-card-icon{background:var(--color-accent-600)}.web-demo:not(.web-js) .web-gallery-tile{background:var(--color-accent-100)}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important}.web-appear-1,.web-appear-2,.web-appear-3,.web-skeleton,.web-real,.web-prompt{transition:none!important}[data-demo][data-active="0"] .web-prompt-text--restaurant{width:57ch!important;border-color:transparent!important;animation:none!important}[data-demo][data-active="0"] .web-prompt-text--barber{width:56ch!important;border-color:transparent!important;animation:none!important}[data-demo][data-active="0"] .web-prompt-text--portfolio{width:58ch!important;border-color:transparent!important;animation:none!important}[data-demo][data-active="0"] .web-demo-url-text--restaurant{width:30ch!important;animation:none!important}[data-demo][data-active="0"] .web-demo-url-text--barber{width:31ch!important;animation:none!important}[data-demo][data-active="0"] .web-demo-url-text--portfolio{width:32ch!important;animation:none!important}.web-demo:not([data-demo-taken]) .web-appear-1,.web-demo:not([data-demo-taken]) .web-appear-2,.web-demo:not([data-demo-taken]) .web-appear-3{opacity:1!important;transform:none!important}.web-demo:not([data-demo-taken]) .web-skeleton{opacity:0!important}.web-demo:not([data-demo-taken]) .web-real{opacity:1!important}.web-demo:not([data-demo-taken]) .web-prompt{opacity:0!important}.web-demo:not([data-demo-taken]) .web-hero-btn{border-color:var(--color-accent-600);background:var(--color-accent-600);color:var(--color-white)}.web-demo:not([data-demo-taken]) .web-nav-logo{color:var(--color-accent-600)}.web-demo:not([data-demo-taken]) .web-card-icon{background:var(--color-accent-600)}.web-demo:not([data-demo-taken]) .web-gallery-tile{background:var(--color-accent-100)}}