.booking-showcase{--story-duration:8s;height:clamp(670px,60vw,820px)}.booking-showcase .screen-image{transition:opacity .9s cubic-bezier(.4,0,.2,1);transform:none}.booking-showcase .spotlight{opacity:.55;width:86%;top:12%;left:8%}.booking-showcase .laptop-shell{width:98%;top:6%;left:1%;transform:rotateY(-2deg)rotate(-.5deg)}.booking-showcase .laptop-screen{border-width:5px}.booking-showcase .laptop-base{width:102%;height:12px;margin-left:-1%}.booking-showcase .phone-shell{border-width:3px;border-radius:20px;width:29%;top:auto;bottom:4%;left:1%;transform:none}.booking-story{pointer-events:none;position:absolute;inset:0}.lead-notice{z-index:12;color:#1b240c;width:270px;max-width:83%;animation:lead-to-light var(--story-duration) cubic-bezier(.22,.75,.22,1) infinite both;background:#e2ff77;border:1px solid #edffad;border-radius:13px;align-items:center;gap:12px;padding:15px 16px;display:flex;position:absolute;top:8%;left:56%;transform:translate(-50%,-50%);box-shadow:0 14px 36px #0006,0 0 35px #d9ff4320}.lead-icon{background:#24351012;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.lead-notice strong{letter-spacing:-.03em;font-size:17px;font-weight:900;display:block}.lead-notice div>span{white-space:nowrap;margin-top:4px;font-size:10px;display:block}.lead-notice>i{background:#56791d;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:auto;box-shadow:0 0 0 4px #45691812}.lead-origin{z-index:11;width:1px;height:1px;position:absolute;top:8%;left:56%}.lead-origin span{background:var(--primary);width:7px;height:7px;animation:lead-spark var(--story-duration) ease-out infinite both;border-radius:50%;position:absolute;box-shadow:0 0 14px #d9ff4380}.lead-origin span:first-child{--spark-x:-24px;--spark-y:-20px}.lead-origin span:nth-child(2){--spark-x:8px;--spark-y:26px}.lead-origin span:nth-child(3){--spark-x:28px;--spark-y:-9px}.lead-flight{z-index:9;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lead-flight-guide{stroke:#d9ff431a;stroke-width:1px;vector-effect:non-scaling-stroke;animation:flight-guide var(--story-duration) ease infinite both}.lead-particle{stroke:var(--primary);stroke-width:4px;stroke-linecap:round;stroke-dasharray:.15 110;stroke-dashoffset:0;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px #d9ff4380);animation:light-to-calendar var(--story-duration) cubic-bezier(.4,0,.2,1) infinite both}.lead-particle.lead-trail{stroke:#d9ff4359;stroke-width:3px;stroke-dasharray:2.5 110;animation-delay:35ms}.lead-particle.particle-1{stroke-width:3px;animation-delay:45ms}.lead-particle.particle-2{stroke-width:2.5px;animation-delay:90ms}.lead-particle.particle-3{stroke-width:2px;animation-delay:.135s}.lead-particle.particle-4{stroke-width:1.5px;animation-delay:.18s}.booking-calendar{z-index:8;width:57%;height:36%;min-height:274px;animation:calendar-receive var(--story-duration) ease infinite both;background:#191d15;border:1px solid #d9ff4338;border-radius:15px;grid-template-rows:18% 9% 14% 35% 24%;display:grid;position:absolute;bottom:7%;right:0;overflow:hidden;box-shadow:0 24px 60px #0009,0 0 40px #d9ff4307}.calendar-heading{border-bottom:1px solid #ffffff0d;align-items:center;gap:9px;padding:0 16px;display:flex}.calendar-icon{width:29px;height:29px;color:var(--primary);background:#d9ff4310;border-radius:8px;place-items:center;display:grid}.calendar-heading strong{font-size:13px;font-weight:700;display:block}.calendar-heading div>span{color:#8d9580;margin-top:3px;font-size:9px;display:block}.calendar-example{color:#a0a892;margin-left:auto;font-size:9px}.calendar-toolbar{color:#9fa793;justify-content:space-between;align-items:center;padding:0 16px;font-size:9px;display:flex}.calendar-toolbar>div{color:#79836c;gap:12px;display:flex}.calendar-week{text-align:center;grid-template-columns:37px repeat(3,1fr);align-items:center;padding-right:14px;display:grid}.calendar-week>span{color:#828d76;letter-spacing:.05em;font-size:8px}.calendar-week b{color:#dde1d6;border-radius:50%;place-items:center;width:22px;height:22px;margin-left:4px;font-size:11px;display:inline-grid}.calendar-week .calendar-day-active b{color:#d9ff43;background:#d9ff4320}.calendar-hours{grid-template-columns:37px minmax(0,1fr);padding-right:14px;display:grid}.calendar-time{text-align:center;color:#7b866f;grid-template-rows:repeat(3,1fr);padding-top:2px;font-size:8px;display:grid}.calendar-grid{background-image:linear-gradient(#ffffff0c 1px,#0000 1px),linear-gradient(90deg,#ffffff0c 1px,#0000 1px);background-size:100% 33.333%,33.333% 100%;position:relative}.calendar-existing{color:#8b947d;background:#b6c29d12;border-left:2px solid #818f6160;border-radius:3px;align-items:center;gap:4px;width:28%;height:25%;padding:4px;font-size:8px;display:flex;position:absolute}.existing-one{top:4%;left:2%}.existing-two{bottom:5%;right:2%}.calendar-arrival{width:66%;height:50%;animation:calendar-flash var(--story-duration) ease-out infinite both;background:#d9ff4333;border-radius:6px;position:absolute;top:35%;left:31%;box-shadow:0 0 22px #d9ff4350}.calendar-new-booking{color:#273211;transform-origin:72%;width:66%;height:50%;animation:calendar-booking var(--story-duration) cubic-bezier(.2,.85,.2,1) infinite both;background:#d9ff43;border:1px solid #e4ff7a;border-radius:6px;align-items:center;gap:7px;padding:8px;display:flex;position:absolute;top:35%;left:31%;box-shadow:0 5px 14px #0004}.booking-check{background:#34471213;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.booking-check svg{stroke-dasharray:24;animation:booking-confirm var(--story-duration) ease-in-out infinite both}.calendar-new-booking strong{white-space:nowrap;font-size:11px;font-weight:800;display:block}.calendar-new-booking div>span{white-space:nowrap;color:#4c592e;margin-top:3px;font-size:8px;display:block}.calendar-value{border-top:1px solid #ffffff14;margin:9px 14px 0;position:relative;overflow:hidden}.calendar-value-empty,.calendar-value-earned{justify-content:space-between;align-items:center;display:flex;position:absolute;inset:0}.calendar-value-empty{color:#929c83;animation:calendar-waiting var(--story-duration) ease infinite both;font-size:10px}.calendar-waiting-dot{background:#889971;border-radius:50%;width:5px;height:5px}.calendar-value-earned{animation:calendar-earnings var(--story-duration) cubic-bezier(.2,.8,.2,1) infinite both}.calendar-value-earned div>span{color:#a8b197;margin-bottom:1px;font-size:9px;display:block}.calendar-value-earned strong{color:var(--primary);letter-spacing:-.06em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(29px,3vw,43px);font-weight:800;line-height:1;display:block}.calendar-value-earned small{font-size:.7em;font-weight:600}.calendar-value-label{color:#aeb99c;align-items:center;gap:7px;font-size:9px;display:flex}.calendar-value-label svg{color:var(--primary)}.booking-story-caption{color:#a0a68e;gap:5px;font-size:11px;display:flex;position:absolute;bottom:0;right:0}.booking-story-caption strong{color:#e3e9d5;font-weight:500}.booking-showcase:not(.is-running) .booking-story *,.booking-showcase:not(.is-running) .booking-story :after{animation-play-state:paused}@keyframes lead-to-light{0%{opacity:0;filter:blur(2px);transform:translate(-50%,calc(10px - 50%))scale(.96)}6%,19%{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}27%,to{opacity:0;filter:blur(5px);transform:translate(-46%,-40%)scale(.96)}}@keyframes lead-spark{0%,19%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.25)}24%{opacity:.7;transform:translate(var(--spark-x),var(--spark-y)) scale(.7)}29%{opacity:.4;transform:translate(0)scale(.4)}32%,to{opacity:0;transform:translate(10px)scale(0)}}@keyframes flight-guide{0%,19%,52%,to{opacity:0}27%,40%{opacity:1}}@keyframes light-to-calendar{0%,24%{stroke-dashoffset:0;opacity:0}25%{stroke-dashoffset:0;opacity:1}40%{stroke-dashoffset:-100px;opacity:1}44%,to{stroke-dashoffset:-100px;opacity:0}}@keyframes calendar-flash{0%,38%{opacity:0;transform:scale(.96)}44%{opacity:.6;transform:scale(1.03)}55%,to{opacity:0;transform:scale(1.12)}}@keyframes calendar-booking{0%,39%{opacity:0;transform:translateY(8px)scale(.97)}47%,85%{opacity:1;transform:translateY(0)scale(1)}96%,to{opacity:0;transform:translateY(-4px)scale(1)}}@keyframes booking-confirm{0%,44%{stroke-dashoffset:24px}51%,to{stroke-dashoffset:0}}@keyframes calendar-earnings{0%,42%{opacity:0;transform:translateY(12px)}50%,85%{opacity:1;transform:translateY(0)}96%,to{opacity:0;transform:translateY(-6px)}}@keyframes calendar-waiting{0%,38%,to{opacity:1}44%,95%{opacity:0}}@keyframes calendar-receive{0%,38%,60%,to{border-color:#d9ff4338;box-shadow:0 24px 60px #0009,0 0 40px #d9ff4307}47%{border-color:#d9ff4370;box-shadow:0 24px 60px #0009,0 0 32px #d9ff431a}}@media (width<=1050px) and (width>=721px){.booking-showcase{height:590px}.booking-calendar{width:65%;height:43%;min-height:254px}.booking-showcase .laptop-shell{width:98%;top:11%}.booking-showcase .phone-shell{border-width:2px;width:33%;bottom:8%;left:0}.lead-notice{width:255px}}@media (width<=720px){.booking-showcase{height:clamp(530px,146vw,820px);max-height:none;margin-top:2px}.booking-showcase .laptop-shell{width:100%;top:10%;left:0;transform:none}.booking-showcase .laptop-screen{border-width:3px;border-radius:8px 8px 4px 4px}.booking-showcase .phone-shell{border-width:2px;border-radius:14px;width:36%;top:auto;bottom:9%;left:0;transform:none}.lead-notice{gap:9px;width:245px;padding:12px}.lead-notice strong{font-size:16px}.lead-notice div>span{font-size:10px}.lead-icon{width:31px;height:31px}.booking-calendar{border-radius:12px;width:60%;height:45%;min-height:252px;bottom:7%}.calendar-heading{gap:6px;padding-inline:10px}.calendar-icon{display:none}.calendar-heading strong{font-size:11px}.calendar-heading div>span,.calendar-example{font-size:8px}.calendar-toolbar{padding-inline:12px}.calendar-week,.calendar-hours{grid-template-columns:32px repeat(3,1fr);padding-right:10px}.calendar-hours{grid-template-columns:32px minmax(0,1fr)}.calendar-week b{width:19px;margin-left:1px}.calendar-new-booking,.calendar-arrival{width:96%;left:2%}.calendar-new-booking{gap:4px;padding:5px}.calendar-new-booking strong{font-size:10px}.calendar-new-booking div>span{font-size:7px}.booking-check{width:16px;height:16px}.calendar-value{margin-inline:12px}.calendar-value-earned strong{font-size:34px}.calendar-value-label{gap:3px;font-size:8px}.calendar-value-earned[data-wide-amount=true] .calendar-value-label{display:none}.booking-story-caption{font-size:10px;bottom:0}}@media (width<=380px){.calendar-value-earned strong{font-size:26px}.calendar-value-label{font-size:7px}.calendar-value-label svg{width:12px;height:12px}.calendar-value-empty{font-size:9px}}@media (prefers-reduced-motion:reduce){.booking-showcase .screen-image{transition:none}.booking-story *,.booking-story :after{animation:none!important}.booking-check svg{stroke-dashoffset:0}.lead-notice{opacity:1;filter:none;transform:translate(-50%,-50%)}.lead-origin,.lead-flight,.calendar-arrival,.calendar-value-empty{display:none}.calendar-new-booking,.calendar-value-earned{opacity:1;filter:none;transform:none}}