@layer components{.landing-booking-preview{width:100%;position:relative}.landing-booking-preview-glow{background:radial-gradient(ellipse 70% 55% at 50% 40%, color-mix(in oklch, var(--primary) 18%, transparent), transparent 70%);filter:blur(28px);opacity:.85;pointer-events:none;border-radius:2rem;position:absolute;inset:8% -6% -4%}.landing-booking-preview-frame{flex-direction:column;gap:.875rem;display:flex;position:relative}.landing-booking-preview-badge{border:1px solid color-mix(in oklch, var(--primary) 25%, var(--border));background:color-mix(in oklch, var(--primary) 8%, var(--card));width:fit-content;color:color-mix(in oklch, var(--primary) 85%, var(--foreground));box-shadow:0 8px 24px color-mix(in oklch, var(--primary) 10%, transparent);border-radius:999px;align-self:flex-end;align-items:center;gap:.375rem;padding:.3125rem .75rem;font-size:.6875rem;font-weight:600;display:inline-flex}.landing-booking-preview-card{box-shadow:0 1px 2px color-mix(in oklch, var(--foreground) 4%, transparent), 0 32px 64px -28px color-mix(in oklch, var(--primary) 22%, transparent), 0 0 0 1px color-mix(in oklch, var(--primary) 8%, var(--border))}.landing-booking-preview-card .booking-card-body{padding:1.25rem}.landing-booking-preview-footer{border:1px solid color-mix(in oklch, var(--primary) 18%, var(--border));background:color-mix(in oklch, var(--primary) 5%, var(--card));border-radius:.875rem;align-items:center;gap:.625rem;padding:.75rem 1rem;display:flex}@media (prefers-reduced-motion:no-preference){.landing-booking-preview-frame{animation:6s ease-in-out infinite landing-preview-float}@keyframes landing-preview-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}}@media (max-width:480px){.landing-booking-preview-card .booking-calendar-week{gap:.375rem}.landing-booking-preview-card .booking-calendar-day{min-height:4.75rem;padding-inline:.125rem}.landing-booking-preview-card .booking-calendar-day-number{font-size:1rem}}.landing-thread-line{background:linear-gradient(to bottom, transparent, var(--border) 12%, var(--border) 88%, transparent)}.landing-step-rail{background:linear-gradient(to left, var(--border), var(--primary) 50%, var(--border))}@media (prefers-reduced-motion:no-preference){.landing-enter{animation:.7s cubic-bezier(.22,1,.36,1) both landing-enter}.landing-enter-delay-1{animation-delay:80ms}.landing-enter-delay-2{animation-delay:.16s}@keyframes landing-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}}