@keyframes ghost-path{0%{left:8%;top:38%;opacity:0}8%{opacity:1}40%{left:8%;top:38%}55%{left:55%;top:78%}75%{left:55%;top:78%;opacity:1}85%{left:55%;top:78%;opacity:0}to{left:8%;top:38%;opacity:0}}.ghost-cursor{animation:ghost-path 6s ease-in-out infinite}@keyframes block-pulse{0%,to{background:#fff}40%,55%{background:#f5f5f5;box-shadow:0 0 0 2px #171717}}.block-pulse{animation:block-pulse 6s ease-in-out infinite}@keyframes canvas-insert{0%,65%{opacity:0;transform:translateY(-4px) scale(.98)}80%,to{opacity:1;transform:translateY(0) scale(1)}}.canvas-insert{animation:canvas-insert 6s ease-in-out infinite}@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}.tpl-cover{background-size:cover;background-position:center}.tpl-cover-a{background:linear-gradient(135deg,#fef3c7,#f5f5f5)}.tpl-cover-b{background:linear-gradient(135deg,#fce7f3,#f5f5f5)}.tpl-cover-c{background:linear-gradient(135deg,#dbeafe,#f5f5f5)}.tpl-cover-d{background:linear-gradient(135deg,#f5f5f5,#e5e7eb)}.tpl-cover-e{background:linear-gradient(135deg,#d1fae5,#f5f5f5)}.tpl-cover-f{background:linear-gradient(135deg,#fff,#d4d4d4)}.tpl-cover-g{background:linear-gradient(135deg,#ede9fe,#f5f5f5)}.tpl-cover-h{background:linear-gradient(135deg,#f5f5f5,#a3a3a3)}.tpl-cover-i{background:linear-gradient(135deg,#fef2f2,#f5f5f5)}.tpl-cover-j{background:linear-gradient(135deg,#ecfeff,#f5f5f5)}.dark .web-how-rail-seg{background:var(--color-neutral-800)}.dark .web-how-rail-fill{background:var(--color-accent-400)}@keyframes web-how-face-in{0%{opacity:0;transform:translateY(10px)}15%{opacity:1;transform:none}85%{opacity:1;transform:none}to{opacity:0;transform:translateY(-10px)}}.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:21ch}.web-demo-url-text--barber{width:22ch}.web-demo-url-text--portfolio{width:23ch}[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(21,end) forwards}[data-demo][data-active="0"] .web-demo-url-text--barber{width:0;animation:web-type-url-barber 1.3s steps(22,end) forwards}[data-demo][data-active="0"] .web-demo-url-text--portfolio{width:0;animation:web-type-url-portfolio 1.3s steps(23,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:21ch}}@keyframes web-type-url-barber{0%{width:0}to{width:22ch}}@keyframes web-type-url-portfolio{0%{width:0}to{width:23ch}}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){.ghost-cursor,.block-pulse,.canvas-insert,.marquee-track{animation:none!important}.canvas-insert{opacity:1!important;transform:none!important}.ghost-cursor{opacity:0!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:21ch!important;animation:none!important}[data-demo][data-active="0"] .web-demo-url-text--barber{width:22ch!important;animation:none!important}[data-demo][data-active="0"] .web-demo-url-text--portfolio{width:23ch!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)}}