.ob-tour {position: fixed;inset: 0;z-index: var(--z-index-notification, 1200)}
.ob-tour-hole {position: fixed;border-radius: 14px;box-shadow:
0 0 0 3px rgba(255, 255, 255, 0.95),
0 0 0 6px rgba(26, 158, 75, 0.5),
0 0 0 9999px rgba(15, 23, 42, 0.7);transition: top 0.32s cubic-bezier(0.4, 0, 0.2, 1),
left 0.32s cubic-bezier(0.4, 0, 0.2, 1),
width 0.32s cubic-bezier(0.4, 0, 0.2, 1),
height 0.32s cubic-bezier(0.4, 0, 0.2, 1);pointer-events: none}
.ob-tour-hole::after {content: "";position: absolute;inset: -3px;border-radius: 16px;border: 2px solid rgba(26, 158, 75, 0.75);animation: ob-tour-pulse 1.8s ease-out infinite}
@keyframes ob-tour-pulse {0% { transform: scale(1); opacity: 0.9; }
70% { transform: scale(1.06); opacity: 0; }
100% { transform: scale(1.06); opacity: 0; }}
.ob-tour--nospot {background: rgba(15, 23, 42, 0.7)}
.ob-tour--nospot .ob-tour-hole {display: none}
.ob-tour-tip {position: fixed;box-sizing: border-box;width: min(340px, calc(100vw - 24px));max-width: calc(100vw - 24px);padding: 18px 20px 16px;background: #fff;border-radius: 18px;box-shadow:
0 1px 2px rgba(15, 23, 42, 0.08),
0 12px 32px rgba(15, 23, 42, 0.22);animation: ob-tour-tip-in 0.22s cubic-bezier(0.34, 1.3, 0.64, 1);transition: top 0.32s cubic-bezier(0.4, 0, 0.2, 1),
left 0.32s cubic-bezier(0.4, 0, 0.2, 1)}
@keyframes ob-tour-tip-in {from { opacity: 0; transform: translateY(6px) scale(0.97); }
to { opacity: 1; transform: translateY(0) scale(1); }}
.ob-tour-tip--center {top: 50% !important;left: 50% !important;transform: translate(-50%, -50%);width: min(440px, calc(100vw - 24px));padding: 22px 24px 18px}
.ob-tour-tip--signup {background:
linear-gradient(180deg, #f6fef9 0%, #ffffff 42%);box-shadow:
0 0 0 1px rgba(26, 158, 75, 0.14),
0 1px 2px rgba(15, 23, 42, 0.08),
0 16px 40px rgba(15, 23, 42, 0.24)}
.ob-tour-intro {margin: 2px 0 0;font-size: 0.875rem;line-height: 1.65;color: #475569;overflow-wrap: anywhere}
.ob-tour-features {display: flex;flex-direction: column;gap: 8px;margin: 14px 0 4px}
.ob-tour-feature {display: flex;align-items: center;gap: 12px;padding: 10px 12px;border-radius: 13px;background: var(--f-bg, #f1f5f9);box-shadow: inset 0 0 0 1px var(--f-ring, rgba(15, 23, 42, 0.05))}
.ob-tour-feature-icon {flex-shrink: 0;display: grid;place-items: center;width: 36px;height: 36px;border-radius: 11px;background: var(--f-accent, #64748b);color: #fff;box-shadow: 0 3px 8px var(--f-shadow, rgba(15, 23, 42, 0.18))}
.ob-tour-feature-icon svg {width: 20px;height: 20px;display: block}
.ob-tour-feature-text {display: flex;flex-direction: column;min-width: 0}
.ob-tour-feature-title {font-size: 0.9rem;font-weight: 700;line-height: 1.3;color: #0f172a;overflow-wrap: anywhere}
.ob-tour-feature-desc {font-size: 0.8rem;line-height: 1.45;color: #64748b;overflow-wrap: anywhere}
.ob-tour-feature--ai {--f-bg: #f4f0ff;--f-ring: rgba(124, 58, 237, 0.14);--f-accent: #7c3aed;--f-shadow: rgba(124, 58, 237, 0.32)}
.ob-tour-feature--book {--f-bg: #eafaf4;--f-ring: rgba(13, 148, 136, 0.16);--f-accent: #0d9488;--f-shadow: rgba(13, 148, 136, 0.3)}
.ob-tour-feature--card {--f-bg: #fff5e8;--f-ring: rgba(217, 119, 6, 0.16);--f-accent: #ea9a16;--f-shadow: rgba(217, 119, 6, 0.3)}
.ob-tour-cta {margin: 12px 0 0;font-size: 0.85rem;font-weight: 600;line-height: 1.6;color: #158541;overflow-wrap: anywhere}
.ob-tour-eyebrow {display: flex;align-items: center;gap: 6px;margin-bottom: 8px;font-size: 0.72rem;font-weight: 700;letter-spacing: 0.04em;color: #1a9e4b}
.ob-tour-leaf {flex-shrink: 0}
.ob-tour-tip-title {margin: 0 0 6px;font-size: 1.05rem;font-weight: 700;line-height: 1.35;color: #0f172a;overflow-wrap: anywhere}
.ob-tour-tip-body {font-size: 0.875rem;line-height: 1.7;color: #475569;overflow-wrap: anywhere}
.ob-tour-tip-foot {display: flex;align-items: center;justify-content: space-between;gap: 12px;margin-top: 16px}
.ob-tour-dots {display: flex;align-items: center;gap: 6px}
.ob-tour-dot {width: 6px;height: 6px;border-radius: 999px;background: #d7dde5;transition: width 0.25s ease, background 0.25s ease}
.ob-tour-dot.is-active {width: 18px;background: #1a9e4b}
.ob-tour-actions {display: flex;align-items: center;gap: 6px}
.ob-tour-skip {padding: 8px 10px;background: none;border: none;border-radius: 9px;color: #94a3b8;font-size: 0.8125rem;font-weight: 600;cursor: pointer;transition: color 0.15s ease, background 0.15s ease}
.ob-tour-next {padding: 8px 18px;background: #1a9e4b;border: none;border-radius: 10px;color: #fff;font-size: 0.8125rem;font-weight: 700;cursor: pointer;box-shadow: 0 2px 8px rgba(26, 158, 75, 0.32);transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease}
.ob-tour-next:active {transform: scale(0.96)}
@media (hover: hover) {.ob-tour-skip:hover {background: #f1f5f9;color: #475569}
.ob-tour-next:hover {background: #158541;box-shadow: 0 4px 12px rgba(26, 158, 75, 0.4)}}
@media (prefers-reduced-motion: reduce) {.ob-tour-hole,
.ob-tour-tip {transition: none}
.ob-tour-hole::after {animation: none}
.ob-tour-tip {animation: none}}