#scroll-indicator-hover-zone{position:fixed;top:0;right:0;bottom:0;width:300px;pointer-events:none;z-index:90;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s ease}#scroll-indicator-hover-zone.is-visible{opacity:1;visibility:visible;pointer-events:auto}body.hero-in-view #scroll-indicator-hover-zone{opacity:0!important;visibility:hidden!important;pointer-events:none!important}#scroll-indicator-vertical{position:fixed;top:50%;right:1.5rem;z-index:100;display:flex;align-items:center;gap:14px;transform:translateY(-50%) translate(var(--scroll-indicator-x,0));opacity:0;pointer-events:none;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);will-change:opacity,transform;overflow:visible}#scroll-indicator-vertical.is-visible{opacity:1;pointer-events:auto}.scroll-nav-links-container{position:relative;height:440px;min-width:160px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,transparent 25%,black 42%,black 58%,transparent 75%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,transparent 25%,black 42%,black 58%,transparent 75%,transparent 100%)}.scroll-nav-links-mask{height:100%;width:100%;padding:0 12px;box-sizing:border-box}.nav-links-list{transition:transform .5s cubic-bezier(.2,1,.4,1);will-change:transform}.scroll-nav-link{display:flex;align-items:center;justify-content:flex-end;height:38px;padding:0 8px;background:0 0;border:none;cursor:pointer;position:relative;z-index:2;opacity:0;text-transform:none;border-radius:8px;transition:opacity .3s ease,transform .3s var(--ease-elastic,ease),font-size .3s ease}.scroll-nav-link:before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:radial-gradient(80px circle at 50% 50%,rgba(var(--accent-rgb),.12),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}.scroll-nav-link:hover:before{opacity:1}.scroll-nav-link:hover{opacity:1!important;transform:translate(-3px)}.scroll-nav-link:active{transform:translate(-2px) scale(.97);transition-duration:0s}#scroll-indicator-vertical.links-visible .scroll-nav-link{animation:scrollLinkReveal .4s var(--ease-entrance,ease) forwards;animation-delay:calc(var(--stagger-index,0) * .04s)}#scroll-indicator-vertical.links-visible .scroll-nav-link:not(.active){opacity:.5}.nav-icon{width:16px;height:16px;color:var(--text-muted);flex-shrink:0;transition:color .3s ease,transform .3s var(--ease-elastic,ease)}.nav-icon svg{width:16px;height:16px;stroke-width:1.5}.scroll-nav-link:hover .nav-icon{color:var(--accent);transform:scale(1.1)}.nav-label{font-family:var(--font-primary);color:var(--text-muted);white-space:nowrap;margin-left:8px;font-size:12px;font-weight:400;letter-spacing:.02em;transition:color .3s ease,font-size .3s ease,font-weight .3s ease}.scroll-nav-link:hover .nav-label{color:var(--text-primary)}.scroll-nav-link.active{opacity:1!important;transform:translate(-8px) scale(1.35);transform-origin:right center}.scroll-nav-link.active .nav-icon{width:20px;height:20px;color:var(--accent)}.scroll-nav-link.active .nav-icon svg{width:20px;height:20px}.scroll-nav-link.active .nav-label{font-size:15px;font-weight:500;color:var(--accent)}@keyframes scrollLinkReveal{0%{opacity:0;transform:translate(15px)}to{opacity:.5;transform:translate(0)}}.scroll-indicator-track{position:relative;height:260px;width:6px;background:#ffffff0f;backdrop-filter:blur(12px) saturate(120%);-webkit-backdrop-filter:blur(12px) saturate(120%);border:1px solid rgba(255,255,255,.08);border-radius:99px;box-shadow:0 2px 12px #0003;transition:transform .3s var(--ease-elastic,ease),box-shadow .3s ease;overflow:visible;cursor:pointer}#scroll-indicator-vertical:hover .scroll-indicator-track{transform:scaleX(1.2);box-shadow:0 2px 16px #0000004d}.scroll-indicator-track:after{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(180deg,rgba(var(--accent-rgb),.5),rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.5));background-size:100% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:scrollLiquidFlow 8s cubic-bezier(.4,0,.2,1) infinite;opacity:0;transition:opacity .4s ease;pointer-events:none;z-index:-1}#scroll-indicator-vertical:hover .scroll-indicator-track:after{opacity:1}@keyframes scrollLiquidFlow{0%,to{background-position:50% 0}50%{background-position:50% 100%}}.scroll-indicator-bar{position:absolute;left:50%;top:0;transform:translate(-50%);width:2px;height:100%;background:linear-gradient(to bottom,rgba(var(--accent-rgb),.2),rgba(var(--accent-rgb),.4),rgba(var(--accent-rgb),.2));border-radius:4px;cursor:pointer}.scroll-indicator-thumb{position:absolute;left:50%;width:6px;height:28px;background:linear-gradient(135deg,rgba(var(--accent-rgb),.9),rgba(var(--accent-rgb),.6));border-radius:6px;transform:translate(-50%);transition:top .15s cubic-bezier(.42,0,.58,1),box-shadow .3s ease,width .2s ease;will-change:top;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.4),0 4px 12px rgba(var(--accent-rgb),.2);cursor:grab}.scroll-indicator-thumb:hover{width:8px;box-shadow:0 0 0 1px rgba(var(--accent-rgb),.6),0 6px 18px rgba(var(--accent-rgb),.3)}.scroll-indicator-thumb:active{cursor:grabbing}.scroll-indicator-hint{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(6px);white-space:nowrap;font-family:var(--font-primary);font-size:11px;font-weight:400;letter-spacing:.02em;color:var(--text-muted);background:transparent;padding:0;opacity:0;pointer-events:none;transition:opacity .8s ease,transform .6s cubic-bezier(.2,.8,.2,1)}.scroll-indicator-hint.is-visible{opacity:.6;transform:translateY(-50%) translate(0)}.scroll-indicator-hint-arrow{margin-right:4px;display:inline-block;animation:hintArrowBounce 1.2s ease-in-out infinite}@keyframes hintArrowBounce{0%,to{transform:translate(0)}50%{transform:translate(3px)}}body.light-mode .scroll-indicator-track{background:#0000000a;border-color:#0000000f;box-shadow:0 2px 12px #0000000f}body.light-mode #scroll-indicator-vertical:hover .scroll-indicator-track{box-shadow:0 2px 16px #0000001a}@media(max-width:1024px){#scroll-indicator-hover-zone{display:none!important}#scroll-indicator-vertical{gap:0;right:.75rem;opacity:1;pointer-events:auto}#scroll-indicator-vertical .scroll-nav-links-container{display:none!important}.scroll-indicator-track{height:160px}.scroll-indicator-hint{display:none!important}}