/* Actual public-page captures. This sequence never submits a booking or opens a tab. */
.approach-benefit-panel--booking{padding:clamp(18px,2.2vw,38px)}
.booking-handoff-demo{width:100%;min-width:0}
.booking-handoff-demo>.eyebrow{text-align:center;color:var(--andara-blue);font-size:10px;letter-spacing:.2em;margin:0 0 24px}
.booking-preview-screen{aspect-ratio:1152/643.069114}
.booking-handoff{height:643.069114px;background:#fbfbfb}
.booking-browser{height:52px;background:#e9eaec;display:flex;align-items:end;gap:7px;padding:7px 15px 0;font:12px/1.25 Arial,sans-serif;color:#4b5158}
.booking-tab{display:flex;align-items:center;justify-content:space-between;gap:22px;width:280px;min-height:37px;padding:10px 14px;background:#f5f5f5;border-radius:9px 9px 0 0}
.booking-tab>span{font-size:10px;color:#6d7378}.booking-tab--engine{background:#fff;color:#123e61;opacity:1;--booking-track:booking-engine-tab}
.booking-browser-dot{display:block;margin:0 4px 16px auto;width:5px;height:5px;border-radius:50%;background:#8a8e92;box-shadow:0 -7px #8a8e92,0 7px #8a8e92}
.booking-pages{position:relative;height:591.069114px;overflow:hidden;background:#fbfbfb}
.booking-page{position:absolute;inset:0;display:block;width:1152px!important;height:591.069114px!important;max-width:none;object-fit:contain}
.booking-page--suite{opacity:0;--booking-track:booking-suite-page}
.booking-page--engine{opacity:1;--booking-track:booking-engine-page}
.booking-cursor{position:absolute;width:27px;height:36px;left:65.1%;top:5.2%;opacity:0;filter:drop-shadow(0 1px 3px #0007);--booking-track:booking-cursor-path}
.booking-click{position:absolute;left:65.1%;top:5.2%;width:26px;height:26px;border-radius:50%;border:3px solid #fff;background:#00336630;box-shadow:0 0 0 4px #00336666;opacity:0;transform:translate(-50%,-50%);--booking-track:booking-click-ring}
.booking-handoff-demo.is-motion-ready .booking-clock{animation:var(--booking-track) 14s ease-in-out infinite both;animation-play-state:paused}
.booking-handoff-demo.is-playing .booking-clock{animation-play-state:running}
.booking-handoff-demo.is-static .booking-clock{animation:none}
.booking-handoff-caption{text-align:center;font:12px/1.6 var(--sans);color:#58656d;margin:16px 0 0}
.booking-handoff-caption>span{margin:0 7px;color:var(--andara-blue)}
.booking-handoff-actions{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;margin-top:4px}
.booking-handoff-actions .quiet-motion-control{margin:0}.booking-handoff-actions .editor-preview-open{min-height:44px;font-size:11px;color:var(--andara-blue);display:inline-flex;align-items:center;gap:8px}
@keyframes booking-suite-page{0%,27%{opacity:1}35%,89%{opacity:0}97%,100%{opacity:1}}
@keyframes booking-engine-page{0%,27%{opacity:0}35%,89%{opacity:1}97%,100%{opacity:0}}
@keyframes booking-engine-tab{0%,27%{opacity:0;transform:translateY(8px)}35%,89%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(8px)}}
@keyframes booking-cursor-path{0%,8%{opacity:0;transform:translate(-240px,210px)}12%{opacity:1;transform:translate(-240px,210px)}23%,27%{opacity:1;transform:translate(0,0)}31%,100%{opacity:0;transform:translate(0,0)}}
@keyframes booking-click-ring{0%,23%{opacity:0;transform:translate(-50%,-50%) scale(.55)}25%{opacity:1;transform:translate(-50%,-50%) scale(.7)}30%,100%{opacity:0;transform:translate(-50%,-50%) scale(1.7)}}
@media(max-width:900px){.approach-benefit-panel--booking{padding:16px max(20px,8vw)}.booking-handoff-demo{max-width:min(650px,calc((clamp(270px,47vw,420px) - 135px) * 1.79 + 46px));margin:auto}.booking-handoff-demo>.eyebrow{display:none}.booking-handoff-caption{font-size:11px;margin-top:10px}.booking-handoff-actions{gap:18px;margin-top:0}.booking-handoff-actions .quiet-motion-control,.booking-handoff-actions .editor-preview-open{min-height:36px;font-size:10px}}
@media(max-width:500px){.approach-benefit-panel--booking{padding:16px}.booking-handoff-demo{max-width:360px}.booking-handoff-caption{font-size:10px}.booking-handoff-actions{gap:17px}}
/* Explicit user Play is allowed; automatic playback stays static under reduced motion. */
@media(prefers-reduced-motion:reduce){.booking-handoff-demo.is-motion-ready:not(.is-static) .booking-clock{animation:var(--booking-track) 14s ease-in-out infinite both!important;animation-play-state:paused!important}.booking-handoff-demo.is-playing:not(.is-static) .booking-clock{animation-play-state:running!important}}
/* Phone close-up keeps the captured guest/date controls legible; original pixels remain unchanged. */
@media(max-width:500px){.booking-page--engine{transform:scale(2);transform-origin:18% 78%}}

/* Native shared Suites iframe uses the existing laptop scale, with its own height. */
.booking-native-frame{height:643px!important;border:0}.booking-preview-screen{aspect-ratio:1152/643}