*{box-sizing:border-box}html,body{margin:0;padding:0;background:#020a14;color:#fff}body.buddy-landing{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;overflow-x:hidden}.landing-stage{position:relative;width:100%;margin:0 auto;background:#020a14;isolation:isolate}.landing-art{display:block;width:100%}.landing-art img{display:block;width:100%;height:auto;margin:0;user-select:none;-webkit-user-drag:none}.landing-hotspot{position:absolute;z-index:4;display:block;border-radius:999px;outline:0;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;background:rgba(0,210,255,.012);-webkit-tap-highlight-color:transparent}.landing-hotspot span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.landing-hotspot::after{content:"";position:absolute;inset:-35%;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.55) 50%,transparent 62%);transform:translateX(-125%) rotate(2deg);pointer-events:none}.landing-hotspot:hover,.landing-hotspot:focus-visible{transform:translateY(-2px) scale(1.018);box-shadow:0 0 0 2px rgba(255,255,255,.5),0 0 20px rgba(0,213,255,.85),0 0 42px rgba(0,111,255,.38);background:rgba(0,213,255,.06)}.landing-hotspot:hover::after,.landing-hotspot:focus-visible::after{animation:landingShine .8s ease}.landing-hotspot:active{transform:scale(.985);box-shadow:0 0 0 2px rgba(255,255,255,.7),0 0 28px rgba(0,213,255,.95)}.landing-cta{animation:landingBreath 3s ease-in-out infinite}.hotspot-shopping{left:37.0%;top:54.45%;width:18.5%;height:7.1%}.hotspot-open-shop{left:56.35%;top:54.45%;width:16.95%;height:7.1%}.hotspot-seller{left:35.82%;top:63.55%;width:12.18%;height:6.55%}.hotspot-buyer{left:48.88%;top:63.55%;width:12.20%;height:6.55%}.hotspot-admin{left:61.86%;top:63.55%;width:12.05%;height:6.55%}.landing-menu-trigger{display:none}.landing-menu,.landing-menu-backdrop{display:none}@keyframes landingShine{0%{transform:translateX(-125%) rotate(2deg)}100%{transform:translateX(125%) rotate(2deg)}}@keyframes landingBreath{0%,100%{box-shadow:0 0 0 0 rgba(0,211,255,0)}50%{box-shadow:0 0 24px rgba(0,211,255,.26)}}
@media(max-width:760px){body.buddy-landing{min-height:100svh}.hotspot-shopping{left:8.75%;top:69.62%;width:39.62%;height:5.05%}.hotspot-open-shop{left:51.88%;top:69.62%;width:39.38%;height:5.05%}.hotspot-buyer{left:7.35%;top:76.10%;width:27.45%;height:4.55%}.hotspot-seller{left:36.15%;top:76.10%;width:27.72%;height:4.55%}.hotspot-admin{left:65.35%;top:76.10%;width:27.55%;height:4.55%}.landing-menu-trigger{display:block;position:absolute;z-index:6;right:2.15%;top:1.75%;width:8.8%;height:4.9%;border:0;border-radius:14px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.landing-menu-trigger:focus-visible{outline:2px solid #18d9ff;outline-offset:2px}.landing-menu-backdrop{display:block;position:fixed;z-index:80;inset:0;background:rgba(2,8,17,.72);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .22s ease}.landing-menu{display:flex;position:fixed;z-index:81;top:0;right:0;width:min(86vw,390px);height:100svh;padding:20px;background:linear-gradient(180deg,#071a31,#03101f);border-left:1px solid rgba(35,215,255,.28);box-shadow:-24px 0 70px rgba(0,0,0,.55);transform:translateX(105%);transition:transform .26s ease;flex-direction:column;gap:6px}.landing-menu.open{transform:translateX(0)}.landing-menu-backdrop.open{opacity:1;pointer-events:auto}.landing-menu-head{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 20px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:10px}.landing-menu-head strong{font-size:24px;letter-spacing:.04em;color:#22d9ff}.landing-menu-head button{border:0;background:transparent;color:#fff;font-size:38px;line-height:1;cursor:pointer}.landing-menu>a,.landing-menu-logins a{display:block;padding:13px 14px;border-radius:12px;color:#fff;text-decoration:none;font-weight:750}.landing-menu>a:hover,.landing-menu-logins a:hover{background:rgba(25,210,255,.11)}.landing-menu-logins{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:8px}.landing-menu-logins a{border:1px solid rgba(28,206,255,.28);background:rgba(255,255,255,.04)}}
@media(prefers-reduced-motion:reduce){.landing-hotspot,.landing-menu,.landing-menu-backdrop{transition:none}.landing-cta{animation:none}.landing-hotspot:hover::after,.landing-hotspot:focus-visible::after{animation:none}}