.ultrakit-hsp{--a: #6c5ce7;--b: #00cec9;--mk: 30px;--pw: 270px;--r: 22px;--ink: #14142b;width: 100%;box-sizing: border-box;color: var(--ink)}.ultrakit-hsp *,.ultrakit-hsp *::before,.ultrakit-hsp *::after{box-sizing: border-box}.hsp-wrap{display: block}.hsp-l-side .hsp-wrap{display: grid;grid-template-columns: minmax(0,1fr) 340px;gap: 30px;align-items: center}.hsp-stage{position: relative;width: 100%}.ultrakit-hsp .hsp-img{display: block;width: 100% !important;height: auto !important;max-width: 100%;border-radius: var(--r) !important;user-select: none;-webkit-user-drag: none}.hsp-shadow .hsp-img{box-shadow: 0 40px 80px -34px rgba(20,20,60,.55)}.hsp-dim{position: absolute;inset: 0;border-radius: var(--r);pointer-events: none;opacity: 0;transition: opacity .5s;background: radial-gradient(circle at var(--sx,50%) var(--sy,50%),transparent 0,transparent 9%,rgba(8,8,28,.58) 30%);z-index: 1}.hsp-spot.is-active .hsp-dim{opacity: 1}.ultrakit-hsp .hsp-mk{appearance: none;-webkit-appearance: none;position: absolute;z-index: 3;left: var(--x);top: var(--y);width: var(--mk);height: var(--mk);padding: 0;margin: 0;border: 0;border-radius: 50%;background: none;box-shadow: none;color: #fff;cursor: pointer;transform: translate(-50%,-50%);transition: transform .35s cubic-bezier(.22,.9,.3,1),opacity .35s;outline: none;font: 800 calc(var(--mk) * .42)/1 inherit;-webkit-tap-highlight-color: transparent;display: block}.ultrakit-hsp .hsp-mk:hover,.ultrakit-hsp .hsp-mk.is-open{transform: translate(-50%,-50%) scale(1.12);z-index: 7}.hsp-mk:focus-visible .hsp-core{box-shadow: 0 0 0 3px #fff,0 0 0 6px var(--a)}.hsp-ring{position: absolute;inset: 0;border-radius: 50%;background: color-mix(in srgb,var(--a) 60%,transparent);animation: hspPulse 2.2s cubic-bezier(.2,.6,.3,1) infinite;pointer-events: none}.hsp-core{position: absolute;inset: 0;border-radius: 50%;display: flex;align-items: center;justify-content: center;pointer-events: none;transition: transform .35s cubic-bezier(.22,.9,.3,1),background .3s}@keyframes hspPulse{0%{transform: scale(.8);opacity: .75}70%,100%{transform: scale(2.3);opacity: 0}}.hsp-spot.is-active .hsp-mk:not(.is-open){opacity: .55}.hsp-mk.is-open .hsp-ring{animation: none;opacity: 0}.hsp-m-pulse .hsp-core{inset: 24%;background: linear-gradient(135deg,var(--a),var(--b));box-shadow: 0 0 0 3px #fff,0 8px 18px -4px rgba(0,0,0,.5)}.hsp-m-ring .hsp-core{inset: 0;border: 3px solid #fff;background: rgba(255,255,255,.18);box-shadow: 0 8px 20px -6px rgba(0,0,0,.55),inset 0 0 0 1px rgba(0,0,0,.06);-webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px)}.hsp-m-ring .hsp-core::after{content: "";width: 34%;height: 34%;border-radius: 50%;background: #fff;box-shadow: 0 2px 8px rgba(0,0,0,.35)}.hsp-m-ring .hsp-ring{background: rgba(255,255,255,.5)}.hsp-m-plus .hsp-core{background: #fff;color: var(--a);box-shadow: 0 10px 22px -6px rgba(0,0,0,.5)}.hsp-m-plus .hsp-mk.is-open .hsp-core{transform: rotate(45deg);background: var(--a);color: #fff}.hsp-m-number .hsp-core{background: linear-gradient(135deg,var(--a),var(--b));color: #fff;box-shadow: 0 0 0 3px #fff,0 10px 20px -6px rgba(0,0,0,.5)}.hsp-m-icon .hsp-mk{--mk: 40px}.hsp-m-icon .hsp-core{background: #fff;color: var(--a);box-shadow: 0 12px 24px -8px rgba(0,0,0,.55)}.hsp-m-icon .hsp-core svg{width: 46%;height: 46%}.hsp-m-icon .hsp-mk.is-open .hsp-core{background: linear-gradient(135deg,var(--a),var(--b));color: #fff}.hsp-m-label .hsp-mk{width: auto;min-width: var(--mk);border-radius: 40px;display: flex;align-items: center}.hsp-m-label .hsp-ring{border-radius: 40px;animation-name: hspPulseSoft}@keyframes hspPulseSoft{0%{transform: scale(.96);opacity: .5}100%{transform: scale(1.25,1.6);opacity: 0}}.hsp-m-label .hsp-core{position: relative;inset: auto;flex: 0 0 auto;width: 12px;height: 12px;margin-left: 10px;background: linear-gradient(135deg,var(--a),var(--b))}.hsp-m-label .hsp-mk{background: #fff;color: var(--ink);box-shadow: 0 10px 22px -8px rgba(0,0,0,.55)}.ultrakit-hsp .hsp-lab{color: var(--ink) !important;padding: 0 16px 0 9px;white-space: nowrap;font-size: 13px;font-weight: 800;letter-spacing: -.01em}.hsp-m-glow .hsp-core{inset: 8%;background: radial-gradient(circle at 30% 30%,#fff 0,var(--b) 35%,var(--a) 100%);box-shadow: 0 0 22px 6px color-mix(in srgb,var(--a) 65%,transparent),0 0 0 2px rgba(255,255,255,.8);animation: hspBreathe 2.6s ease-in-out infinite}@keyframes hspBreathe{50%{transform: scale(1.14)}}.hsp-pop{--gap: calc(var(--mk) / 2 + 14px);position: absolute;z-index: 6;left: var(--x);top: var(--y);width: var(--pw);max-width: calc(100% - 20px);display: flex;flex-direction: column;gap: 0;padding: 16px 18px 18px;border-radius: 18px;background: #fff;color: var(--ink);box-shadow: 0 30px 60px -20px rgba(10,10,40,.55),0 0 0 1px rgba(20,20,60,.05);opacity: 0;visibility: hidden;pointer-events: none;scale: .96;transition: opacity .3s ease,scale .35s cubic-bezier(.22,.9,.3,1),visibility .3s;text-align: left}.hsp-pop.is-open{opacity: 1;visibility: visible;pointer-events: auto;scale: 1}.hsp-pop[data-place="top"]{transform: translate(calc(-50% + var(--sx0,0px)),calc(-100% - var(--gap)));transform-origin: 50% 100%}.hsp-pop[data-place="bottom"]{transform: translate(calc(-50% + var(--sx0,0px)),var(--gap));transform-origin: 50% 0}.hsp-pop[data-place="left"]{transform: translate(calc(-100% - var(--gap)),calc(-50% + var(--sy0,0px)));transform-origin: 100% 50%}.hsp-pop[data-place="right"]{transform: translate(var(--gap),calc(-50% + var(--sy0,0px)));transform-origin: 0 50%}.hsp-pop::before{content: "";position: absolute;width: 14px;height: 14px;background: inherit;transform: rotate(45deg);border-radius: 3px}.hsp-pop[data-place="top"]::before{bottom: -6px;left: calc(50% - var(--sx0,0px) - 7px)}.hsp-pop[data-place="bottom"]::before{top: -6px;left: calc(50% - var(--sx0,0px) - 7px)}.hsp-pop[data-place="left"]::before{right: -6px;top: calc(50% - var(--sy0,0px) - 7px)}.hsp-pop[data-place="right"]::before{left: -6px;top: calc(50% - var(--sy0,0px) - 7px)}.hsp-pop-img{display: block;margin: -4px -6px 12px;aspect-ratio: 16 / 9;overflow: hidden;border-radius: 12px}.hsp-pop-img img{display: block;width: 100%;height: 100%;object-fit: cover}.hsp-pop-body{position: relative;display: flex;flex-direction: column;gap: 5px}.hsp-pop-t{font-size: 16px;font-weight: 800;letter-spacing: -.02em;line-height: 1.25}.hsp-pop-d{font-size: 13.5px;line-height: 1.55;opacity: .72}.hsp-pop-a{align-self: flex-start;margin-top: 6px;font-size: 13px;font-weight: 800;color: var(--a) !important;text-decoration: none !important}.hsp-pop-a:hover{text-decoration: underline !important}.hsp-p-dark .hsp-pop{background: #14142b;color: #fff;box-shadow: 0 30px 60px -20px rgba(0,0,0,.7)}.hsp-p-dark .hsp-pop-a{color: #a5fbe8 !important}.hsp-p-glass .hsp-pop{background: rgba(20,20,44,.6);color: #fff;-webkit-backdrop-filter: blur(18px) saturate(1.6);backdrop-filter: blur(18px) saturate(1.6);box-shadow: 0 30px 60px -20px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.28)}.hsp-p-glass .hsp-pop::before{display: none}.hsp-p-glass .hsp-pop-a{color: #fff !important}.hsp-p-gradient .hsp-pop{background: linear-gradient(135deg,var(--a),var(--b));color: #fff;box-shadow: 0 30px 60px -20px color-mix(in srgb,var(--a) 70%,transparent)}.hsp-p-gradient .hsp-pop::before{background: color-mix(in srgb,var(--a) 60%,var(--b))}.hsp-p-gradient .hsp-pop-a{color: #fff !important}.hsp-p-tip .hsp-pop{width: auto;min-width: 150px;max-width: min(var(--pw),calc(100% - 20px));padding: 10px 14px;border-radius: 12px;background: #14142b;color: #fff}.hsp-p-tip .hsp-pop-t{font-size: 14px}.hsp-p-tip .hsp-pop-d{font-size: 12.5px}.hsp-p-tip .hsp-pop-img{display: none}.hsp-p-tip .hsp-pop-a{color: #a5fbe8 !important}.hsp-tour{position: absolute;z-index: 8;left: 50%;bottom: 18px;transform: translateX(-50%);display: flex;align-items: center;gap: 10px;padding: 8px 10px;border-radius: 40px;background: rgba(14,14,32,.68);-webkit-backdrop-filter: blur(14px);backdrop-filter: blur(14px);box-shadow: 0 16px 34px -10px rgba(0,0,0,.5)}.ultrakit-hsp .hsp-tour button{appearance: none;border: 0;width: 34px;height: 34px;padding: 0;border-radius: 50%;background: rgba(255,255,255,.14);color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background .25s;box-shadow: none}.ultrakit-hsp .hsp-tour button:hover{background: linear-gradient(135deg,var(--a),var(--b))}.hsp-tour-dots{display: flex;gap: 6px;align-items: center;padding: 0 4px}.hsp-tour-dots i{display: block;width: 7px;height: 7px;border-radius: 4px;background: rgba(255,255,255,.4);transition: width .35s,background .35s;cursor: pointer}.hsp-tour-dots i.is-on{width: 24px;background: #fff}.hsp-tour .i-play{display: none}.hsp-tour.is-paused .i-play{display: block}.hsp-tour.is-paused .i-pause{display: none}.hsp-list{display: flex;flex-direction: column;gap: 8px}.hsp-list-h{font-size: 13px;font-weight: 800;letter-spacing: .1em;text-transform: uppercase;color: var(--a);margin-bottom: 6px}.ultrakit-hsp .hsp-li{appearance: none;display: flex;gap: 14px;align-items: flex-start;width: 100%;padding: 14px 16px;border: 0;border-radius: 16px;background: #fff;color: var(--ink);text-align: left;cursor: pointer;box-shadow: inset 0 0 0 1.5px #ececf6;transition: all .3s cubic-bezier(.22,.9,.3,1);font-family: inherit}.hsp-li-n{flex: 0 0 30px;height: 30px;border-radius: 50%;background: #f0eefc;color: var(--a);font-size: 13px;font-weight: 800;display: flex;align-items: center;justify-content: center;transition: all .3s}.hsp-li-b{display: flex;flex-direction: column;gap: 3px;min-width: 0}.ultrakit-hsp .hsp-li-b b{color: var(--ink) !important;font-size: 15.5px;font-weight: 800;letter-spacing: -.01em}.ultrakit-hsp .hsp-li-b span{font-size: 13.5px;line-height: 1.5;color: #6b6b85 !important;max-height: 0;opacity: 0;overflow: hidden;transition: max-height .4s ease,opacity .3s}.ultrakit-hsp .hsp-li:hover{transform: translateX(4px)}.ultrakit-hsp .hsp-li.is-open{box-shadow: inset 0 0 0 2px var(--a),0 16px 30px -18px color-mix(in srgb,var(--a) 70%,transparent)}.hsp-li.is-open .hsp-li-n{background: linear-gradient(135deg,var(--a),var(--b));color: #fff}.hsp-li.is-open .hsp-li-b span{max-height: 90px;opacity: 1}.hsp-l-side .hsp-pop{display: none}@media (max-width: 900px){.hsp-l-side .hsp-wrap{grid-template-columns: minmax(0,1fr)}}@media (max-width: 680px){.hsp-pop,.hsp-pop[data-place]{--gap: 0px;left: 10px;right: 10px;top: auto;bottom: 10px;width: auto;max-width: none;transform: none !important;translate: 0 8px;padding: 14px 16px}.hsp-pop.is-open{translate: 0 0}.hsp-pop::before{display: none}.hsp-pop-img{display: none}.hsp-p-tip .hsp-pop{width: auto}.hsp-t-tour .hsp-tour{bottom: auto;top: 10px}.hsp-t-always .hsp-pop:not(.is-open){opacity: 0;visibility: hidden}.ultrakit-hsp{--mk: 26px}.hsp-m-label .hsp-lab{display: none}.hsp-m-label .hsp-mk{padding-right: 6px}}@media (prefers-reduced-motion: reduce){.hsp-ring,.hsp-m-glow .hsp-core{animation: none !important}.hsp-pop,.hsp-mk,.hsp-dim{transition: none !important}}