.demo-root{--demo-duration:45s}.demo-stage{height:100%;position:relative;overflow:hidden}.demo-scene{opacity:0;pointer-events:none;z-index:0;position:absolute;inset:0}.demo-scene-hook{animation:demo-scene-hook var(--demo-duration) infinite linear}.demo-scene-booking{animation:demo-scene-booking var(--demo-duration) infinite linear}.demo-scene-confirm{animation:demo-scene-confirm var(--demo-duration) infinite linear}.demo-scene-starter{animation:demo-scene-starter var(--demo-duration) infinite linear}.demo-scene-pro{animation:demo-scene-pro var(--demo-duration) infinite linear}.demo-scene-cta{animation:demo-scene-cta var(--demo-duration) infinite linear}@keyframes demo-scene-hook{0%,15.55%{opacity:1;z-index:5}15.56%,to{opacity:0;z-index:0}}@keyframes demo-scene-booking{0%,15.55%{opacity:0;z-index:0}15.56%,31.1%{opacity:1;z-index:5}31.11%,to{opacity:0;z-index:0}}@keyframes demo-scene-confirm{0%,31.1%{opacity:0;z-index:0}31.11%,55.55%{opacity:1;z-index:5}55.56%,to{opacity:0;z-index:0}}@keyframes demo-scene-starter{0%,55.55%{opacity:0;z-index:0}55.56%,73.32%{opacity:1;z-index:5}73.33%,to{opacity:0;z-index:0}}@keyframes demo-scene-pro{0%,73.32%{opacity:0;z-index:0}73.33%,91.1%{opacity:1;z-index:5}91.11%,to{opacity:0;z-index:0}}@keyframes demo-scene-cta{0%,91.1%{opacity:0;z-index:0}91.11%,to{opacity:1;z-index:5}}.demo-hook-title,.demo-hook-brand{animation:demo-hook-fade var(--demo-duration) infinite linear}@keyframes demo-hook-fade{0%{opacity:0;transform:translateY(12px)}2.5%{opacity:1;transform:translateY(0)}13%{opacity:1;transform:translateY(0)}15.55%{opacity:0;transform:translateY(-8px)}to{opacity:0}}.demo-service-primary{animation:demo-select-service var(--demo-duration) infinite linear}@keyframes demo-select-service{0%,18.8%{box-shadow:none;background:#fff;border-color:#e5e7eb;transform:scale(1)}18.9%,30.5%{background:#f5f3ff;border-color:#8b5cf6;transform:scale(1.02);box-shadow:0 0 0 3px #8b5cf640}31.11%,to{box-shadow:none;background:#fff;border-color:#e5e7eb;transform:scale(1)}}.demo-times-panel{animation:demo-times-in var(--demo-duration) infinite linear}@keyframes demo-times-in{0%,20.8%{opacity:0;max-height:0;transform:translateY(10px)}20.9%,30.5%{opacity:1;max-height:120px;transform:translateY(0)}31.11%,to{opacity:0;max-height:0}}.demo-time-slot{animation:demo-select-time var(--demo-duration) infinite linear}@keyframes demo-select-time{0%,23.2%{color:#374151;background:#fff;border-color:#e5e7eb;transform:scale(1)}23.3%,30.5%{color:#fff;background:#7c3aed;border-color:#7c3aed;transform:scale(1.08)}31.11%,to{color:#374151;background:#fff;border-color:#e5e7eb;transform:scale(1)}}.demo-cursor{width:18px;height:18px;animation:demo-cursor-move var(--demo-duration) infinite linear;z-index:20;pointer-events:none;background:#7c3aed59;border:2px solid #7c3aed;border-radius:9999px;position:absolute}@keyframes demo-cursor-move{0%,15.55%{opacity:0;top:70%;left:50%}15.56%{opacity:1;top:38%;left:55%}18.8%{top:38%;left:55%;transform:scale(.85)}19.3%{transform:scale(1)}22%{top:72%;left:42%}23.2%{top:72%;left:42%;transform:scale(.85)}23.7%{transform:scale(1)}30.5%{opacity:1;top:72%;left:42%}31.11%,to{opacity:0}}.demo-stripe-badge{animation:demo-stripe-in var(--demo-duration) infinite linear}@keyframes demo-stripe-in{0%,33.2%{opacity:0;transform:translateY(8px)scale(.95)}33.3%,55.5%{opacity:1;transform:translateY(0)scale(1)}55.56%,to{opacity:0}}.demo-check{animation:demo-check-pop var(--demo-duration) infinite linear}@keyframes demo-check-pop{0%,36.5%{opacity:0;transform:scale(.5)}36.6%{opacity:1;transform:scale(1.15)}38.5%{transform:scale(1)}55.55%{opacity:1}55.56%,to{opacity:0}}.demo-email-badge{animation:demo-email-in var(--demo-duration) infinite linear}@keyframes demo-email-in{0%,39.8%{opacity:0;transform:translateY(8px)}39.9%,55.55%{opacity:1;transform:translateY(0)}55.56%,to{opacity:0}}.demo-new-booking{animation:demo-booking-in var(--demo-duration) infinite linear}@keyframes demo-booking-in{0%,44.3%{opacity:0;transform:translate(16px)}44.4%,55.55%{opacity:1;background:#f5f3ff;border-color:#c4b5fd;transform:translate(0);box-shadow:0 4px 12px #7c3aed26}55.56%,to{opacity:0}}.demo-calendar-sync{animation:demo-calendar-in var(--demo-duration) infinite linear}@keyframes demo-calendar-in{0%,48.7%{opacity:0}48.8%,55.55%{opacity:1}55.56%,to{opacity:0}}.demo-starter-card{animation:demo-starter-glow var(--demo-duration) infinite linear}@keyframes demo-starter-glow{0%,55.55%{box-shadow:none;opacity:.5;border-color:#e5e7eb;transform:scale(.98)}55.56%{opacity:1;border-color:#7c3aed;transform:scale(1);box-shadow:0 8px 24px #7c3aed26}73.32%{opacity:1;border-color:#7c3aed;transform:scale(1.02);box-shadow:0 8px 24px #7c3aed26}73.33%,to{opacity:.5;transform:scale(.98)}}.demo-pro-card{animation:demo-pro-glow var(--demo-duration) infinite linear}@keyframes demo-pro-glow{0%,73.32%{box-shadow:none;opacity:.5;border-color:#e5e7eb;transform:scale(.98)}73.33%{opacity:1;border-color:#7c3aed;transform:scale(1);box-shadow:0 8px 24px #7c3aed33}91.1%{opacity:1;border-color:#7c3aed;transform:scale(1.02)}91.11%,to{opacity:.5;transform:scale(.98)}}.demo-pro-feature{animation:demo-pro-feature-in var(--demo-duration) infinite linear}.demo-pro-feature-1,.demo-pro-feature-2,.demo-pro-feature-3,.demo-pro-feature-4{animation-delay:0s}@keyframes demo-pro-feature-in{0%,76%{opacity:0;transform:translate(-6px)}76.1%,91.1%{opacity:1;transform:translate(0)}91.11%,to{opacity:0}}.demo-pro-feature-1{animation:demo-pro-f1 var(--demo-duration) infinite linear}.demo-pro-feature-2{animation:demo-pro-f2 var(--demo-duration) infinite linear}.demo-pro-feature-3{animation:demo-pro-f3 var(--demo-duration) infinite linear}.demo-pro-feature-4{animation:demo-pro-f4 var(--demo-duration) infinite linear}@keyframes demo-pro-f1{0%,75.5%{opacity:0;transform:translate(-6px)}75.6%,91.1%{opacity:1;transform:translate(0)}91.11%,to{opacity:0}}@keyframes demo-pro-f2{0%,78%{opacity:0;transform:translate(-6px)}78.1%,91.1%{opacity:1;transform:translate(0)}91.11%,to{opacity:0}}@keyframes demo-pro-f3{0%,80.5%{opacity:0;transform:translate(-6px)}80.6%,91.1%{opacity:1;transform:translate(0)}91.11%,to{opacity:0}}@keyframes demo-pro-f4{0%,83%{opacity:0;transform:translate(-6px)}83.1%,91.1%{opacity:1;transform:translate(0)}91.11%,to{opacity:0}}.demo-cta-content{animation:demo-cta-pop var(--demo-duration) infinite linear}@keyframes demo-cta-pop{0%,91.1%{opacity:0;transform:scale(.85)}91.11%{opacity:1;transform:scale(1.05)}94%{transform:scale(1)}to{opacity:1;transform:scale(1)}}.demo-progress-bar{animation:demo-progress var(--demo-duration) infinite linear}@keyframes demo-progress{0%{width:0%}to{width:100%}}.demo-caption{min-height:1.25rem;position:relative}.demo-caption-line{opacity:0;text-align:center;color:#1f2937;font-size:.875rem;font-weight:500;position:absolute;inset:0}.demo-caption-1{animation:demo-caption-1 var(--demo-duration) infinite linear}.demo-caption-2{animation:demo-caption-2 var(--demo-duration) infinite linear}.demo-caption-3{animation:demo-caption-3 var(--demo-duration) infinite linear}.demo-caption-4{animation:demo-caption-4 var(--demo-duration) infinite linear}.demo-caption-5{animation:demo-caption-5 var(--demo-duration) infinite linear}.demo-caption-6{animation:demo-caption-6 var(--demo-duration) infinite linear}@keyframes demo-caption-1{0%,15.55%{opacity:1}15.56%,to{opacity:0}}@keyframes demo-caption-2{0%,15.55%{opacity:0}15.56%,31.1%{opacity:1}31.11%,to{opacity:0}}@keyframes demo-caption-3{0%,31.1%{opacity:0}31.11%,55.55%{opacity:1}55.56%,to{opacity:0}}@keyframes demo-caption-4{0%,55.55%{opacity:0}55.56%,73.32%{opacity:1}73.33%,to{opacity:0}}@keyframes demo-caption-5{0%,73.32%{opacity:0}73.33%,91.1%{opacity:1}91.11%,to{opacity:0}}@keyframes demo-caption-6{0%,91.1%{opacity:0}91.11%,to{opacity:1}}.demo-root.demo-paused .demo-scene,.demo-root.demo-paused .demo-hook-title,.demo-root.demo-paused .demo-hook-brand,.demo-root.demo-paused .demo-service-primary,.demo-root.demo-paused .demo-times-panel,.demo-root.demo-paused .demo-time-slot,.demo-root.demo-paused .demo-cursor,.demo-root.demo-paused .demo-stripe-badge,.demo-root.demo-paused .demo-check,.demo-root.demo-paused .demo-email-badge,.demo-root.demo-paused .demo-new-booking,.demo-root.demo-paused .demo-calendar-sync,.demo-root.demo-paused .demo-starter-card,.demo-root.demo-paused .demo-pro-card,.demo-root.demo-paused .demo-pro-feature-1,.demo-root.demo-paused .demo-pro-feature-2,.demo-root.demo-paused .demo-pro-feature-3,.demo-root.demo-paused .demo-pro-feature-4,.demo-root.demo-paused .demo-cta-content,.demo-root.demo-paused .demo-progress-bar,.demo-root.demo-paused .demo-caption-line{animation-play-state:paused!important}