.booking-demo{background:radial-gradient(ellipse at 80% 35%, hsl(var(--primary) / .08) 0, transparent 55%), hsl(var(--background));color:hsl(var(--foreground));padding:7rem 0 5rem}.booking-demo--compact{padding:5rem 0}.booking-demo .demo-layout{align-items:center;gap:3rem;display:grid}.booking-demo .demo-copy{max-width:36rem}.booking-demo h1,.booking-demo h2{letter-spacing:-.045em;margin:1rem 0 1.5rem;font-size:clamp(2.2rem,4vw,3.7rem);font-weight:750;line-height:1.08}.booking-demo h1 span,.booking-demo h2 span{color:hsl(var(--primary))}.booking-demo .demo-copy>p{line-height:1.75}.booking-demo .demo-steps{counter-reset:steps;gap:1rem;margin:1.25rem 0;display:grid}.booking-demo .demo-steps li{align-items:center;gap:.8rem;font-weight:600;display:flex}.booking-demo .demo-steps li:before{counter-increment:steps;content:counter(steps);border:1px solid hsl(var(--border));width:2rem;height:2rem;color:hsl(var(--primary));border-radius:50%;place-items:center;display:grid}.booking-demo .demo-note{color:hsl(var(--muted-foreground));margin-bottom:1.2rem;font-size:.85rem}.booking-demo .demo-text-link{text-underline-offset:5px;font-weight:650;text-decoration:underline}.booking-demo .demo-player{min-width:0;display:block}.booking-demo .demo-switch{justify-content:center;gap:.25rem;margin-bottom:1.5rem;display:flex}.booking-demo .demo-switch button{color:hsl(var(--muted-foreground));border-radius:2rem;padding:.7rem 1.1rem}.booking-demo .demo-switch button[aria-pressed=true]{background:hsl(var(--foreground));color:#fff}.booking-demo .demo-live{text-align:center;color:hsl(var(--muted-foreground));margin:0 0 1rem;font-size:.75rem}.booking-demo .demo-live:before{content:"";background:hsl(var(--primary));border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.booking-demo .demo-device{background:#010101;border:1px solid #b3b5b7;border-radius:62px;width:390px;max-width:calc(100% - 12px);margin:auto;padding:16px;position:relative;box-shadow:inset 0 0 4px 2px #fff,inset 0 0 0 6px #e2e3e4,0 35px 65px -30px #16243b55}.booking-demo .demo-device:before,.booking-demo .demo-device:after{content:"";background:#b3b5b7;border-radius:2px;width:3px;position:absolute}.booking-demo .demo-device:before{height:56px;top:155px;left:-3px;box-shadow:0 72px #b3b5b7}.booking-demo .demo-device:after{height:90px;top:185px;right:-3px}.booking-demo .demo-device-bar{color:#111;background:#fff;border-radius:45px 45px 0 0;justify-content:space-between;align-items:center;height:54px;padding:0 22px;font-size:11px;font-weight:650;display:flex;position:relative}.booking-demo .device-camera{background:#010101;border-radius:20px;width:110px;height:32px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.booking-demo .device-camera:after{content:"";background:radial-gradient(circle at 25% 25%,#6074bf,#0000 40%),radial-gradient(circle at 80% 80%,#513785,#24555e 20%,#080a10 70%);border-radius:50%;width:9px;height:9px;position:absolute;top:11px;right:12px}.booking-demo .demo-screen{width:100%;max-width:none;height:670px;max-height:none;color:hsl(var(--foreground));background:#fff;border:0;margin:0;padding:0;position:relative;inset:auto;overflow:hidden}.booking-demo .demo-screen iframe{background:#fff;border:0;width:100%;height:100%;display:block}.booking-demo .device-chin{background:#fff;border-radius:0 0 45px 45px;place-items:center;height:27px;display:grid}.booking-demo .device-chin span{background:#111;border-radius:5px;width:110px;height:4px}.booking-demo .macbook-base{display:none}.booking-demo .demo-tools{text-align:center;text-underline-offset:4px;margin-top:1.75rem;font-size:.8rem;text-decoration:underline}.booking-demo [data-mode=desktop] .demo-device{background:#0d0d0d;border-radius:24px 24px 12px 12px;width:calc(100% - 100px);max-width:1030px;margin-bottom:24px;padding:10px 10px 0;box-shadow:inset 0 0 0 2px #b3b5b7,0 30px 50px -30px #16243b66}.booking-demo [data-mode=desktop] .demo-device:before,.booking-demo [data-mode=desktop] .demo-device:after{display:none}.booking-demo [data-mode=desktop] .demo-device-bar{background:#0d0d0d;border-radius:12px 12px 0 0;height:19px}.booking-demo [data-mode=desktop] .demo-device-bar>span:not(.device-camera),.booking-demo [data-mode=desktop] .device-status{display:none}.booking-demo [data-mode=desktop] .device-camera{border-radius:0 0 5px 5px;width:90px;height:19px;top:0}.booking-demo [data-mode=desktop] .device-camera:after{width:5px;height:5px;top:6px;right:42px}.booking-demo [data-mode=desktop] .demo-screen{aspect-ratio:1.6;border-radius:3px;height:auto}.booking-demo [data-mode=desktop] .device-chin{background:linear-gradient(#252525,#0d0d0d);border-radius:0 0 12px 12px;height:22px}.booking-demo [data-mode=desktop] .device-chin span{display:none}.booking-demo [data-mode=desktop] .macbook-base{background:radial-gradient(#e2e3e4 70%,#b3b5b7);border:2px solid #a1a4a8;border-width:1px 2px 0;border-radius:2px 2px 16px 16px;height:25px;display:block;position:absolute;bottom:-17px;left:-42px;right:-42px;box-shadow:inset 0 -3px 7px #7b7e83}.booking-demo [data-mode=desktop] .macbook-base:after{content:"";background:#d0d2d4;border-radius:0 0 10px 10px;width:20%;height:10px;position:absolute;top:0;left:40%;box-shadow:inset 0 0 4px 2px #a4a7a9}.booking-demo button:focus-visible,.booking-demo a:focus-visible{outline:3px solid hsl(var(--ring));outline-offset:4px}@media (width>=1024px){.booking-demo .demo-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.booking-demo:not(.booking-demo--compact) .demo-layout{grid-template-columns:1fr}.booking-demo:not(.booking-demo--compact) .demo-copy{text-align:center;max-width:44rem;margin:auto}.booking-demo:not(.booking-demo--compact) .demo-steps{justify-content:center;display:flex}.booking-demo:not(.booking-demo--compact) .demo-player{width:100%;max-width:1140px;margin:auto}}@media (width<=767px){.booking-demo{padding-top:6rem}.booking-demo--compact{padding-top:4rem}.booking-demo .demo-switch{display:none}.booking-demo .demo-device{border-radius:55px;width:360px;padding:13px}.booking-demo .demo-screen{height:min(600px,185vw - 133.2px)}}