.self-awareness-lp .syf-hotspots{--dot-size: 14px;--pulse-size: 34px;--tip-max: 320px;--tip-pad: 16px;--z-dot: 5;--z-tip: 10}.self-awareness-lp .syf-hotspots__media{position:relative;width:100%;margin:0 auto;border-radius:16px;overflow:hidden}.self-awareness-lp .syf-hotspots__img{display:block;width:100%;height:auto}.self-awareness-lp .syf-hotspots__dot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%, -50%);width:var(--dot-size);height:var(--dot-size);border-radius:999px;border:2px solid #fff;background:#f89522;box-shadow:0 8px 22px rgba(0,0,0,.18);z-index:var(--z-dot);cursor:pointer;padding:0}.self-awareness-lp .syf-hotspots__dot:focus-visible{outline:3px solid rgba(248,149,34,.55);outline-offset:4px}.self-awareness-lp .syf-hotspots__dotPulse{position:absolute;inset:50% auto auto 50%;width:var(--pulse-size);height:var(--pulse-size);transform:translate(-50%, -50%);border-radius:999px;background:rgba(248,149,34,.25);animation:syfPulse 1.8s ease-out infinite}@keyframes syfPulse{0%{transform:translate(-50%, -50%) scale(0.55);opacity:.85}100%{transform:translate(-50%, -50%) scale(1.25);opacity:0}}.self-awareness-lp .syf-hotspots__tip{position:absolute;left:0;top:0;width:min(var(--tip-max),100vw - 32px);max-width:var(--tip-max);background:#fff;border-radius:14px;padding:var(--tip-pad);box-shadow:0 18px 48px rgba(0,0,0,.22);z-index:var(--z-tip);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s ease}.self-awareness-lp .syf-hotspots__tip[data-open=true]{opacity:1;visibility:visible;transform:translateY(0)}.self-awareness-lp .syf-hotspots__close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:22px;line-height:1;cursor:pointer;padding:6px}.self-awareness-lp .syf-hotspots__kicker{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin:0 0 4px}.self-awareness-lp .syf-hotspots__title{margin:0 22px 8px 0;font-size:18px}.self-awareness-lp .syf-hotspots__copy{margin:0 0 10px;font-size:14px;line-height:1.35}.self-awareness-lp .syf-hotspots__links{margin:0;padding-left:18px}.self-awareness-lp .syf-hotspots__links li{margin:6px 0}.self-awareness-lp .syf-hotspots__links a{text-decoration:underline}.self-awareness-lp .syf-hotspots__tip[data-arrow=bottom] .syf-hotspots__arrow{top:auto;bottom:100%;margin-top:0;margin-bottom:-6px}/*# sourceMappingURL=self-awareness-lp.css.map */
