
#nm2-catalog-beacon {
  --text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;
  margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.2;text-align:left;
}
#nm2-catalog-beacon *,#nm2-catalog-beacon *:before,#nm2-catalog-beacon *:after {box-sizing:border-box}
:where(#nm2-catalog-beacon) button {margin:0;font:inherit;border:0;cursor:pointer;color:inherit}
#nm2-catalog-beacon button:focus-visible {outline:2px solid #b2e7ff;outline-offset:2px}
#nm2-catalog-beacon img {display:block;margin:0;max-width:100%}
#nm2-catalog-beacon{position:fixed;bottom:calc(var(--space-6) + env(safe-area-inset-bottom, 0px));left:50%;width:332px;max-width:calc(100% - 100px);z-index:1040;transform:translateX(-50%);transition:opacity .2s,translate .25s cubic-bezier(.2,.8,.2,1)}
#nm2-catalog-beacon.nm2-cb-is-hidden{opacity:0;translate:0 10px;pointer-events:none}
@property --nm2-cb-rim-angle{syntax:"<angle>";initial-value:35deg;inherits:false}
.nm2-cb-dock{position:relative;display:flex;align-items:center;height:58px;padding:var(--space-1);isolation:isolate;--glint-x:68%;filter:drop-shadow(0 5px 7px #06337640);animation:nm2-cb-arrive .95s cubic-bezier(.16,1,.3,1) both}
.nm2-cb-dock:before,.nm2-cb-dock:after{content:"";position:absolute;pointer-events:none;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.nm2-cb-dock:before{inset:0;z-index:-2;background:conic-gradient(from var(--nm2-cb-rim-angle),#2e73db 0%,#d9f5ff 8%,#6cc9ff 12%,#204a96 28%,#162e64 44%,#478deb 56%,#d8f8ff 63%,#529cfd 69%,#1b458c 89%,#2e73db);animation:nm2-cb-rim 8s cubic-bezier(.45,0,.2,1) infinite}
.nm2-cb-dock:after{inset:1px;z-index:-1;background:radial-gradient(ellipse at var(--glint-x) -35%,#518bc07a,transparent 65%),linear-gradient(115deg,#051225 0%,#0d284f 40%,#153760 65%,#05152d 100%);box-shadow:inset 0 2px 0 #d5f5ff2a,inset 0 -3px 0 #000b20}
.nm2-cb-surface-finish{position:absolute;inset:2px;pointer-events:none;z-index:0;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));overflow:hidden;background:repeating-linear-gradient(115deg,transparent 0px,transparent 5px,#aacdff04 5px,#aacdff04 6px)}
.nm2-cb-surface-finish:before{content:"";position:absolute;left:0;top:0;width:64%;height:45%;background:linear-gradient(160deg,#e3faff14,transparent);clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}
.nm2-cb-surface-finish:after{content:"";position:absolute;right:12px;top:4px;width:26px;height:3px;background:repeating-linear-gradient(90deg,#bceaff8a 0px,#bceaff8a 1px,transparent 1px,transparent 5px)}
.nm2-cb-scan{position:absolute;inset:-40px auto;width:24px;left:-80px;background:linear-gradient(90deg,transparent,#9be2ff1a,#d5f8ff4a,#9be2ff1a,transparent);transform:skewX(-22deg);animation:nm2-cb-scan 8s ease-in-out .4s infinite}
.nm2-cb-edge-light{position:absolute;inset:0;overflow:hidden;pointer-events:none;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px))}
.nm2-cb-edge-light:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(#e2fbff,#438dff,#b2eeff);box-shadow:0 0 12px #5ab6ff}
.nm2-cb-edge-light:after{content:"";position:absolute;bottom:0;width:35%;height:2px;background:linear-gradient(90deg,transparent,#b6eaff,transparent);translate:-150% 0;animation:nm2-cb-edge 7s ease-in-out .6s infinite}
.nm2-cb-go{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);height:48px;flex:1;min-width:0;padding:0 var(--space-2) 0 var(--space-3);border-radius:0;background:transparent}
.nm2-cb-go:hover{background:#3d78d216}
.nm2-cb-go:active{background:#3d78d22a}
.nm2-cb-invitation{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:3px;font-size:var(--text-sm);white-space:nowrap;color:#b8cbe5}
.nm2-cb-invitation .nm2-cb-kicker{font-size:var(--text-xs);font-weight:500;color:#92bde9;letter-spacing:2px;line-height:1}
.nm2-cb-invitation strong{font-weight:750;color:#f6faff;letter-spacing:1.3px;line-height:1.1;background:linear-gradient(100deg,#f5fbff 15%,#b2d3ff 38%,#fff 44%,#f5fbff 52%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:nm2-cb-letter-light 8s ease-in-out .7s infinite}
.nm2-cb-samples{width:44px;height:32px;position:relative;flex-shrink:0;isolation:isolate}
.nm2-cb-sample{position:absolute;width:28px;height:32px;padding:2px;border-radius:5px;background:#fff;border:1px solid #d2e5ff;box-shadow:0 2px 4px #0004;transition:transform .4s}
.nm2-cb-sample img{width:100%;height:100%;object-fit:contain}
.nm2-cb-sample-one{left:0;top:1px;transform:rotate(-12deg)}
.nm2-cb-sample-three{left:16px;top:0;transform:rotate(10deg)}
.nm2-cb-go:hover .nm2-cb-sample-one{transform:translateX(-2px) rotate(-17deg)}
.nm2-cb-go:hover .nm2-cb-sample-three{transform:translateX(2px) rotate(14deg)}
.nm2-cb-portal{position:relative;display:grid;place-items:center;width:42px;height:44px;flex-shrink:0;overflow:hidden;background:linear-gradient(125deg,#b6f0ff 0%,#3c9fff 7%,#226af4 28%,#0659da 64%,#2a91ff 85%,#74c7ff 100%);box-shadow:inset 0 1px 0 #e3faff,inset 1px 0 0 #c0eeff99,inset 0 -4px 0 #003783,inset -2px 0 0 #123da9,0 2px 7px #010e2940;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.nm2-cb-portal:before{content:"";position:absolute;inset:-25px 3px auto;height:18px;background:linear-gradient(transparent,#c0f4ff36,transparent);animation:nm2-cb-channel 4s ease-in-out infinite}
.nm2-cb-portal:after{content:"";position:absolute;inset:3px;border:1px solid #b1e8ff26;clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}
.nm2-cb-portal-core{display:flex;flex-direction:column;align-items:center;gap:0;transform:translateY(-3px);perspective:80px}
.nm2-cb-portal-core i{position:relative;width:10px;height:10px;border-bottom:2px solid #f4ffff;border-right:2px solid #f4ffff;transform:rotate(45deg);display:block;filter:drop-shadow(1px 2px 0 #09439e);animation:nm2-cb-downstream 4s ease-in-out infinite}
.nm2-cb-portal-core i:after{content:"";position:absolute;inset:1px -2px -3px 1px;border-right:1px solid #99daff55;border-bottom:1px solid #99daff55}
.nm2-cb-portal-core i:nth-child(2){animation-delay:.16s}
.nm2-cb-portal-core i:nth-child(3){animation-delay:.32s}
.nm2-cb-go:hover .nm2-cb-portal{filter:brightness(1.15)}
.nm2-cb-dismiss{position:relative;width:44px;flex-shrink:0;height:44px;display:grid;place-items:center;border-radius:0;font-size:var(--text-base);background:transparent;color:#859bb9}
.nm2-cb-dismiss:hover{color:#fff;background:#ffffff0a}
@keyframes nm2-cb-arrive{0%{opacity:0;clip-path:inset(47% 47% 47% 47%);filter:brightness(2)}25%{opacity:1;clip-path:inset(47% 0 47% 0);filter:brightness(1.8)}65%{clip-path:inset(0);filter:brightness(1.1)}100%{opacity:1;clip-path:inset(0);filter:drop-shadow(0 5px 7px #06337640)}}
@keyframes nm2-cb-edge{0%,80%{translate:-150% 0}98%,100%{translate:420% 0}}
@keyframes nm2-cb-rim{0%,58%{--nm2-cb-rim-angle:35deg}88%,100%{--nm2-cb-rim-angle:395deg}}
@keyframes nm2-cb-scan{0%,66%{left:-80px;opacity:0}70%{opacity:1}93%,100%{left:110%;opacity:0}}
@keyframes nm2-cb-letter-light{0%,66%{background-position:100% 0}90%,100%{background-position:0 0}}
@keyframes nm2-cb-channel{0%,56%{transform:translateY(0);opacity:0}64%{opacity:1}90%,100%{transform:translateY(85px);opacity:0}}
@keyframes nm2-cb-downstream{0%,56%,100%{opacity:.6;transform:translateY(0) rotate(45deg)}68%{opacity:1;filter:drop-shadow(0 0 3px #c9faff);transform:translateY(1px) rotate(45deg)}83%{opacity:.2;transform:translateY(3px) rotate(45deg)}}
@media(max-width:650px){
  #nm2-catalog-beacon{left:var(--space-4);bottom:calc(var(--space-6) + env(safe-area-inset-bottom, 0px));transform:none;width:264px;max-width:calc(100% - 112px)}
  .nm2-cb-dock{height:52px;padding:2px}
  .nm2-cb-go{height:46px;padding:0 var(--space-2) 0 var(--space-3);gap:var(--space-2)}
  .nm2-cb-samples{display:none}
  .nm2-cb-invitation{font-size:var(--text-sm)}
  .nm2-cb-portal{width:40px;height:42px}

}
@media(max-width:360px){.nm2-cb-invitation{font-size:var(--text-xs)}.nm2-cb-invitation strong{letter-spacing:.8px}.nm2-cb-invitation .nm2-cb-kicker{letter-spacing:1px}.nm2-cb-go{gap:var(--space-1);padding:0 var(--space-2)}.nm2-cb-portal{width:34px;height:42px}}

@media(prefers-reduced-motion:reduce){
  #nm2-catalog-beacon,#nm2-catalog-beacon *,#nm2-catalog-beacon *:before,#nm2-catalog-beacon *:after {
    animation:none!important;transition:none!important;
  }
}
